美文网首页
关于vue.nextick的一点总结

关于vue.nextick的一点总结

作者: 丶灰太狼他叔 | 来源:发表于2019-04-17 21:52 被阅读0次

    先来个图解:


    nexttrick.png

    简单的来说,Vue更新DOM是要等数据全部变化完成后异步来更新的。所以要获取DOM元素需要写在this.$nextick()回调函数里。

    实例:
    一个子组件是通过v-if来控制显示隐藏的(如:弹窗组件),我们显示弹窗后在父组件需通过refs来获取到子组件。这时就需用到nextick了,直接获取是获取不到的。
    只能通过this.$refs来获取弹窗组件,进而调用子组件initData方法来初始化组件数据。

    相关文章

      网友评论

          本文标题:关于vue.nextick的一点总结

          本文链接:https://www.haomeiwen.com/subject/qdwowqtx.html