1 <!-- 下拉框 --> 2 <el-select 3 clearable 4 filterable 5 ref="select" 6 v-model="currentValue.value" 7 v-bind="$attrs" 8 v-on="$listeners" 9 @visible-change="visibleChange" 10 > 11 <el-option 12 v-for="ops in propertyModel.relatedData" 13 :key="ops.id" 14 :label="spliceLabel(ops.dataLabel)" 15 :value="ops.sn" 16 /> 17 </el-select>
去掉filterable属性可以解决该问题,但是这不是解决问题的根本方法,看了一下文档,有一个方法
visible-change 下拉框出现/隐藏时触发 出现则为 true,隐藏则为 false
methods: {当触发此方法的时候让弹框失去焦点就可以解决此问题
visibleChange(flag) { if (flag) { this.$refs.select.focus(); } else { this.$refs.select.blur(); } } }