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

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

HTML 部分:

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

JS 部分:

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

表现:

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


宝慕林4294392
浏览 546回答 1
1回答

慕虎7371278

很扯... 换成 click 竟然就可以了!mounted()&nbsp;{ &nbsp;&nbsp;setTimeout(()&nbsp;=>&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;this.$refs.selector.$el.querySelector('input').click() &nbsp;&nbsp;},&nbsp;500) }
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Vue.js