文档
使用 el-input
组件提供的参数autofocus
自动获取焦点,效果不是很好
Vue.js2 官网提供的示例
import Vue from 'vue' // 注册一个全局自定义指令 `v-focus` Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { // 聚焦元素 el.focus() } })
如果使用el-input需要做如下改进
<el-input v-focus></el-input>
import Vue from 'vue' Vue.directive('focus', { inserted(el, binding, vnode) { el.querySelector('input').focus() }, })
参考