vue指令-input自动聚焦

用vue指令写一个input自动聚焦

•

最近小菜用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文件中指令引入


directives:{
    focus,
}

然后在dom


<el-input placeholder="请输入单号、人力资源姓名"
		  v-model="searchTxt"
		  v-focus
		  clearable>
	<i slot="prefix" class="el-input__icon el-icon-search"></i>
</el-input>