Vue中的$nextTick

本文主要是介绍Vue中的$nextTick，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

作用:他里面的callBack会在下一轮DOM更新完毕的时候再执行,也就是下一轮才会执行,通俗点讲就是Vue先解析模板,再去执行方法,执行到这个方法里的$nextTick函数的时候,Vue就懂了,就知道你是想让Vue先绕过去它执行别的主程序代码,要是没有别的主程序代码就看一下模板需不需要更新,要是不用更新就去执行$nextTick,要是通过他的diff算法查到模板需要更新,先去解析一次模板,等模板里的DOM更新挂载完毕之后再去帮他调用者里面的回调函数

比如我想等DOM节点更新挂载完毕之后再去调用input的focus去获取焦点就可以像下面这样写

用法例如:this.$nextTick(() => this.$refs.inputTitle.focus());

这篇关于Vue中的$nextTick的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！