526互联

nextTick

发布时间 2023-04-19 09:20:21作者: 月豕

nextTick

语法

this.$nextTick(回调函数)

作用

在下一次DOM更新结束后执行其指定的回调。

使用场景

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

案例

当我们点击编辑按钮，想要使编辑框自动获取焦点
image
image
此时就可以使用nextTick，等Vue将其他所有模板解析完，再执行nextTick的回调函数，使输入框获取焦点。