解决远程搜索select框focus()聚焦后无光标无法输入的问题
解决远程搜索select框focus()聚焦后无光标无法输入的问题
实测antd和elementUI通用(需求为全键盘操作)
html内容
<a-select ref="searchSelectRef" show-search >
<a-select-option v-for="(d, index) in list" :key="index" :value="d.id">
{{ d.name }}
</a-select-option>
</a-select>
JS部分
一般使用this.$refs.searchSelectRef.focus()发现已经聚焦成功边框高亮,但是无法输入,需要按下空格或者下箭头(antd)才会出现光标输入不满足需求。替换为下面的代码可解决:
this.$refs.searchSelectRef.$el.querySelector('input').click()