Vue中this.$nextTick()什么意思?

小鱼儿 2022-11-13 14:26 216阅读 0赞

理解:
等页面刷新完之后,再执行回调函数中的方法

比如在vue组件里的mounted()生命周期函数中加入this.$nextTick()

// 在执行mounted这个生命周期函数的时候,内存中的模板已经真实挂载到了页面中,我们已经可以看到渲染好的页面了

  1. mounted () {
  2. this.$nextTick(() => {
  3. // 页面刷新完后才会执行下面的chart()方法
  4. this.chart() // 这个chart()方法是我在methods中写的用来展示图表的
  5. })
  6. }

我在使用G2写好图表显示在页面中的时候,只要一刷新,图表就自己往右移。加上this.$nextTick(),像上面那样写就好了。再刷新就不会再右移了。

发表评论

表情:
评论列表 (有 0 条评论,216人围观)

还没有评论,来说两句吧...

相关阅读