最近小菜用element UI的框架发现el-input 的自动聚焦只有在第一次会自动聚焦,后面的不会自动聚焦,就用指令写一个input自动聚焦
在directive文件夹下创建一个focus.js
文件,将下面代码复制进去
export const focus ={
inserted: function (el) {
let dom = el.getElementsByClassName('el-input__inner')[0];
dom.focus();
}
}
在需要vue文件中指令引入
然后在dom
<el-input placeholder="请输入单号、人力资源姓名"
v-model="searchTxt"
v-focus
clearable>
<i slot="prefix" class="el-input__icon el-icon-search"></i>
</el-input>