天天看点

Vue ElementUI 获取Input焦点

需求弹窗打开时某个 el-Input 获取焦点,使用了 this.$refs['name'].focus() 无效。

查询资料后发现问题出在这里:

因为ref本身是作为渲染结果被创建的,在渲染的时候是不能访问的,因为他们还不存在!

如果此时代码是需要这样来写代码,那么你可以在DOM渲染完毕后再进行获取

 解决方法:

this.$nextTick(() => {
 this.$refs['name'].focus()      //DOM渲染完毕后就能正常获取了
})
           

继续阅读