我们知道,input是有获取焦点focus事件的,以及失去焦点blur事件的。
今天开发过程中遇到了个算是经常遇到的小效果,思索一会。效果如图:
大概是这样的,相信大家页遇到过,当一个格子填过一个string以后,input焦点会自动去到下个格子里。
当然,首先想到的就是获取焦点啦。
因为是用脚手架写的,下面是脚手架版的获取焦点事件:
//directives与data同级
directives: {
focus: {
inserted: function (el, {value}) {
console.log(el,{value})
if (value) {
el.focus();
}
}
}
}
然后在input上添加你编写的自定义指令,如图
当然,v-focus里也可以写变量,来控制他是否获取焦点。
以上。