我们知道，input是有获取焦点focus事件的,以及失去焦点blur事件的。
今天开发过程中遇到了个算是经常遇到的小效果，思索一会。效果如图：
大概是这样的，相信大家页遇到过，当一个格子填过一个string以后，input焦点会自动去到下个格子里。
当然，首先想到的就是获取焦点啦。
因为是用脚手架写的，下面是脚手架版的获取焦点事件：
//directives与data同级
directives: {
focus: {
inserted: function (el, {value}) {
console.log(el,{value})
if (value) {
el.focus();
}
}
}
}
然后在input上添加你编写的自定义指令，如图
当然，v-focus里也可以写变量，来控制他是否获取焦点。
以上。
我们知道，input是有获取焦点focus事件的,以及失去焦点blur事件的。 今天开发过程中遇到了个算是经常遇到...
项目需求：input 框在页面刷新时要自动选中input框(获取到input的焦点)，目前vue中还没有功能可以实...
需求场景：当我点击搜索栏，跳转至搜索页时，当页面加载成功之后，input标签能自动获取焦点（手机端，自动获取焦点，...
autofocus属性用于页面加载完input元素自动获取焦点，不光input元素，select、textar...
vue实现一个input获取焦点是去焦点，实现label的放大缩小效果 效果图 实现思路 当前input获取焦点的...
iOS下Html页面中input获取焦点弹出键盘时挡住input解决方案解决方法scrollIntoView(al...
问题描述 部分IOS系统，在input框获取焦点时，页面空白（页面被顶出去了） 解决方案 在input框的父元素上...
VUE 案例：input自动获取焦点 1. DOM操作 （1）ref属性表示对dom的引用，ref值自定义，但不能...
在UIWebView || WKWebView 中你会意外的发现web页面，input获取焦点弹出系统虚拟键盘时，...
方法一：使用自定义事件 方法二：使用js方法直接focus() 注意：但是上述两种方法在苹果手机都不能获取焦点!!...
本文标题：vue进入页面时自动获取input焦点
本文链接：https://www.haomeiwen.com/subject/ezerzxtx.html
网友评论