vue -elementUI 输入框el-input 聚焦/失焦
html聚焦加v-focus,失焦加@blur<el-input v-model="scope.row.bcsl" v-focus size="small" auto-complete="off" @change="textChange(scope.$index, scope.row)" @blur="inputBlur" />js聚焦需----注册focus<script>
·
html
聚焦加v-focus
,失焦加@blur
<el-input v-model="scope.row.bcsl" v-focus size="small" auto-complete="off" @change="textChange(scope.$index, scope.row)" @blur="inputBlur" />
js
聚焦需----注册focus
<script>
...
export default {
directives: {
// 注册一个局部的自定义指令 v-focus
focus: {
// 指令的定义
inserted(el) {
// 聚焦元素
el.querySelector('input').focus()
console.log(el)
}
}
},
...
data() {},
methods:{
// 失焦
inputBlur(){},
...
}
...
}
</script>
更多推荐
已为社区贡献4条内容
所有评论(0)