解决方案:
<el-select ref="select" v-model="value" filterable placeholder="请选择"
@visible-change="visibleChange">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
在组件上添加ref="select"方便获取组件,以及事件@visible-change="visibleChange"。
添加方法:
let app = new Vue({
el: "#app",
data: {...
},
methods: {
visibleChange(flag) {
if (flag) {
this.$refs.select.focus()
} else {
this.$refs.select.blur()
}
}
}
})