input框无法获取焦点？nextTick的使用_input focus 无法获得输入焦点

作者：小丑西瓜9 | 2024-02-16 20:39:04

踩

input focus 无法获得输入焦点

1.原因

页面中的input框显示是受v-show控制的，在执行回调函数时，nput还未显示。回调函数执行完成后，模板才会进行更新，导致input框未获取到焦点

2.使用nextTick解决

this.$nextTick(function(){

this.$refs.inputTitle.focus()

})

nextTick的作用：在下一次DOM更新结束后执行其指定的回调

什么时候用：当改变数据后，要基于更新后的DOM进行某些操作时，要在nextTick所指定的回调函数中执行

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小丑西瓜9/article/detail/96516