Vue中的$nextTick

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

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

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

上一篇:jquery


下一篇:vue开发中的相关问题