当前位置:   article > 正文

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

input focus 无法获得输入焦点

1.原因

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

2.使用nextTick解决

 this.$nextTick(function(){

          this.$refs.inputTitle.focus()

  })

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

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

本文内容由网友自发贡献,转载请注明出处:https://www.wpsshop.cn/w/小丑西瓜9/article/detail/96516
推荐阅读