javascript vue.js css ElementUI 的select下拉框悬停触发下拉框

不知道大家有没有聪明的客户需要输入框内数据悬停展示下拉框的内容，搜了全网也没找到，博主想了个方法记录一下，希望能帮到大家

 第一步：

@mouseenter.native="changeactive"

重点是这行代码，鼠标触发方法

v-model="value1"

multiple

size="mini"

ref="selectSearch"

style="width: 100%"

@mouseenter.native="changeactive"

:clearable="true"

filterable

allow-create

default-first-option

placeholder="请输入">

v-for="(item,index) in tagList"

:key="index"

:label="item"

:value="index">

{{ item }}

第二步 

ref自己定义的加上toggleMenu()就可以了

changeactive(){

if(this.value1.length!=0){

this.$refs.selectSearch.toggleMenu()

}

},

 实现效果

鼠标移入，下拉框出现。

有疑惑大家评论区交流~ 

推荐链接

 您阅读本篇文章共花了：