el-select与treeselect下拉框重叠、兼容性问题

el-select与treeselect下拉框重叠、兼容性问题_第1张图片

 问题描述:

        点击el-select的外部,el-select下拉框会自动收回,此操作触发了el-select的clickoutside事件,但当el-select与treeselect配合使用时,先点击el-select使下拉框出现,后再点击treeselect,此时el-select下拉框没有收回,且treeselect的下拉框同时出现。

解决办法:

        为el-select标签绑定一个ref,再在treeselect中通过open事件操作el-select组件的blue事件。

@open="$refs.select.blur()"
ref="select"

代码如下:


  
    
  


  
    
      
      
    
  

你可能感兴趣的:(Element-ui,JavaScript,vue.js,前端,javascript)