created(){
this.changfouce();
},
methods: {
//在vue生命周期的created()钩子函数进行的DOM操作要放在Vue.nextTick()的回调函数中,
//因为created()钩子函数执行的时候DOM并未进行任何渲染,而此时进行DOM操作是徒劳的,所以此处一定要将DOM操作的JS代码放进Vue.nextTick()的回调函数中。
changfouce(){
this.$nextTick((x)=>{ //正确写法
this.$refs.inputs.focus();
})
this.$refs.inputs.focus(); //错误写法 },
相关文章
- element输入框中显示单位_vue element-ui实现input输入框金额数字添加千分位
- HTML中让表单input等文本框为只读不可编辑但可以获取value值的方法;让文本域前面的内容显示在左上角,居中 - Chen_s
- Vue Elementui 如何让输入框每次自动聚焦
- js实现input框中输入的中文逗号自动转换为英文逗号
- vue中输入框聚焦,自动跳转下一个输入框
- js input框输入1位数字后自动跳到下一个input框聚焦
- vue中,点击button按钮后,页面上的input框再次自动获取焦点
- Vue系列之 => 自定义全局指定让文本框自动获取焦点
- vue.js 输入框输入值自动过滤特殊字符替换中问标点操作
- jquery自动去除form表单中input框前后的空格