技术分享

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

2020-08-19  本文已影响0人  Wanlly

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

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

抓狂ing.jpg

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

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

贴上例子:

// 点击事件

    dianjishijian () {

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

      this.$nextTick(() => {

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

      })

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

    },

上一篇下一篇

猜你喜欢

热点阅读