zoukankan      html  css  js  c++  java
  • 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();
          }
        }
    }
    

      

    代码搬运工
  • 相关阅读:
    饿了么ElementUI table遇到的问题
    Window命令行杀进程
    网络监控流量工具
    记一次Linux系统被入侵的过程
    sftp ftp文件同步方案
    清除oracle归档日志
    TCP连接复用
    Sftp搭建与配置参考
    setfacl命令
    tips
  • 原文地址:https://www.cnblogs.com/tw6668/p/14557911.html
Copyright © 2011-2022 走看看