如何通过js或vue.js使el-select的下拉列表隐藏或失去焦点？

Question

升级了最新版本的elementUI使用blur方法就好使了

Answer 1

我用JSFiddle测试了一下。

点击button，然后点击展开select，两秒的setTimeout结束了以后，options确实会被隐藏。
暂时还是不能确定你的问题。
也许你可以补充一下相关代码，或者用JSfiddle之类的还原一个demo来检查一下

Answer 2

不知道这个组件内部是不是有blur事件....？同问

源码里面确实有这个方法！不知道是不是你ref没有获取到这个组件？

Answer 3

很神奇 我也是用这个方法, 我的focus()无效, blur()有效.

element-ui版本2.4.11

解决方法：el-select加入filterable属性, 首先是可输出的 才能聚焦

Answer 4

同样遇到这个问题, 留下一个解决方案以待后来者 :

先放最后的效果图 : JSFiddle。

还原场景 :
1 添加 filterable 后, 则 select 不会自动收缩
2 为多个 select 添加同一个 ref 则 this.$refs.chooseKpi.blur() 失效 // chooseKpi 为 select的rel名

体验 :
1 切换 option 后会有弹窗, 此时点击弹窗中的取消或者确定会使 select 的收缩效果有不同的表现形式