element Select选择器 通过js自动展开下拉框

今天做项目的时候遇到一个问题:怎么通过js而不是鼠标直接点击,来让el-select的option下拉框展开。
查阅官方文档后,发现有个focus方法能够获取input的焦点:


于是写上代码this.$nextTick(_ => { this.$refs[val].focus(); });,结果是input框确实是选中的,但是我想要的下拉框却没有展开。
查找官方文档没有得到答案,而网上的文章只找到一个相关的:element select 自动展开_原生js 让<select>下拉框自动展开 可用size 属性来代替展开动作...
看了文章之后感觉还是比较麻烦,就去看了下element的源码,发现select的点击事件为toggleMenu函数,我们可以通过调用这个函数触发下拉框的显示。
实现代码:this.$nextTick(_ => { this.$refs[val].toggleMenu(); });

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容