文章目录
1、 正常聚焦
<input type="text" v-focus/>
2、el-input聚焦失败
<el-input type="text" v-focus ></el-input>
3、el-input 聚焦成功
<el-input type="text" v-focus ></el-input>
directives: {
focus: {
// 指令的定义
inserted: function (el) {
el.childNodes[1].focus()
}
}
}
4、el-input无法输入文本
<el-input></el-input>
<el-input type="text" ></el-input>
5、输入文本解决
加入v-model绑定数据才能输入
<el-input type="text" v-model="tableName" v-focus ></el-input>