<input v-model="payMoney" type="number" v-focus/>
directives: {
// 注册一个局部的自定义指令 v-focus
focus: {
// 指令的定义
inserted: function (el) {
// 聚焦元素
el.querySelector('input').focus()
}
}
}
但是有一个问题,该方法只有在第一次进去的时候自动聚焦
解决二次进去之后也可以自动聚焦
<el-input placeholder="付款码" v-model="barCode" ref="getFocus"></el-input>
this.$nextTick( () =>{
this.$refs.getFocus.focus()
})
vue element-ui里的input自动聚焦失败的解决方法
最新推荐文章于 2024-03-08 16:25:54 发布