先来个图解:
nexttrick.png
简单的来说,Vue更新DOM是要等数据全部变化完成后异步来更新的。所以要获取DOM元素需要写在this.$nextick()回调函数里。
实例:
一个子组件是通过v-if
来控制显示隐藏的(如:弹窗组件),我们显示弹窗后在父组件需通过refs
来获取到子组件。这时就需用到nextick了,直接获取是获取不到的。
只能通过this.$refs
来获取弹窗组件,进而调用子组件initData方法来初始化组件数据。
先来个图解:
简单的来说,Vue更新DOM是要等数据全部变化完成后异步来更新的。所以要获取DOM元素需要写在this.$nextick()回调函数里。
实例:
一个子组件是通过v-if
来控制显示隐藏的(如:弹窗组件),我们显示弹窗后在父组件需通过refs
来获取到子组件。这时就需用到nextick了,直接获取是获取不到的。
只能通过this.$refs
来获取弹窗组件,进而调用子组件initData方法来初始化组件数据。
本文标题:关于vue.nextick的一点总结
本文链接:https://www.haomeiwen.com/subject/qdwowqtx.html
网友评论