美文网首页技术分享
VUE this.$nextTick()异步刷新页面通俗用法

VUE this.$nextTick()异步刷新页面通俗用法

作者: Wanlly | 来源:发表于2020-08-19 17:06 被阅读0次

    this.$nextTick()的官方解释是:将回调延迟到下次 DOM 更新循环之后执行。

    看了这句话后我的状态是这样的:

    抓狂ing.jpg

    其实这个方法很好理解,也超好用噢。

    通俗解释就是(扣个脚解释):this.$nextTick()括号中的东西会放在最后执行。就这么简单,就算this.$nextTick()放在最前面都好,一样放在最后执行。

    贴上例子:

    // 点击事件

        dianjishijian () {

          // 这里面的东西最后执行

          this.$nextTick(() => {

            alert('我在这个点击事件中最后执行')

          })

          alert('我比那哥们儿先执行')

        },

    相关文章

      网友评论

        本文标题:VUE this.$nextTick()异步刷新页面通俗用法

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