elementPlust 的el-select在提示框关闭时自动弹出

问题：

当el-select添加filterable属性时，弹提示窗时，点击确定后，下拉框会自动弹出

分析：

主要问题就是因为filterable属性，根本解决方案是选中的时候让他失去焦点 el-select有一个visible-change事件，下拉框出现/隐藏时触发

解决：

增加了visible-change事件

change: (item) => {
  console.log('弹窗出select', item)
  if (item) {
    vm.$refs.select.focus()
  } else {
    vm.$refs.select.blur()
  }
},

el-select事件最后增加焦点取消

 vm.$refs.select.blur() 

Html源码 

  
  
  
  
  




  
  
    
    
    
  
  
  打开对话框

  
    这是一段信息
    
    取 消
    确 定