element下拉框选项选中后未失焦的情况下,切屏其他应用后,再回到当前网页,下拉框选项会自动弹出

 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();
      }
    }
}

  

代码搬运工
原文地址:https://www.cnblogs.com/tw6668/p/14557911.html