Element select 远程搜索设置 focus 时无法正常输入

Question

页面初始化时需要默认聚焦搜索框，我在 mounted 里面做了延时设置：

HTML 部分：

<el-select ref="selector" filterable remote ....

JS 部分：

mounted() {
  setTimeout(() => {
    this.$refs.selector.focus()
  }, 500)
}

表现：

确实能够正常设置焦点，但问题是仅仅设置了焦点，无法输入！
必须再按一下 Enter 才表现正常的 Input 样式，能够正常输入。

Answer 1

很扯... 换成 click 竟然就可以了！

mounted() {
  setTimeout(() => {
    this.$refs.selector.$el.querySelector('input').click()
  }, 500)
}