解决远程搜索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()