vue移动端，解决focus无效、不兼容的问题

需求：点击的时候，需要获取到光标闪动。记得vue中有个autofocus自动获取光标的属性，但是这个属性在safari上有问题，所以不可以使用。解决方法：<button @click="toGetFocus()">获取光标</button><input type="text" placeholder="请输入" ref='Inp' />to...

柠檬不萌只是酸i

6742人浏览 · 2019-08-03 16:33:31

柠檬不萌只是酸i · 2019-08-03 16:33:31 发布

需求：点击的时候，需要获取到光标闪动。

记得vue中有个autofocus自动获取光标的属性，但是这个属性在safari上有问题，所以不可以使用。

解决方法：

<button @click="toGetFocus()">获取光标</button>
<input type="text" placeholder="请输入" ref='Inp' />

toGetFocus(){
    this.$refs.Inp.focus();
}

--------------------完。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^