vue中光标自动显示到指定的input框内

给input 标签内加 ref="inputName "然后在想要执行的地方写 this.$refs.inputName.focus()举例：我是在想要打开这个页面的时候把光标显示到input框内所以加在mounted中如果想在执行事件之后让光标显示到input框内就加在事件中...

奥利奥的路飞

5637人浏览 · 2020-03-16 15:46:11

奥利奥的路飞 · 2020-03-16 15:46:11 发布

给input 标签内加 ref="inputName "
然后在想要执行的地方写 this.$refs.inputName.focus()
举例：
在这里插入图片描述
如果想要打开这个页面的时候让光标显示到input框内就要在mounted中加

如果想在执行事件之后让光标显示到input框内就加在事件中

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}$/, //不连续的两位字母// /^