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

理解:

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

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

// 在执行mounted这个生命周期函数的时候,内存中的模板已经真实挂载到了页面中,我们已经可以看到渲染好的页面了
mounted () { 
    this.$nextTick(() => {
        // 页面刷新完后才会执行下面的chart()方法
        this.chart()    // 这个chart()方法是我在methods中写的用来展示图表的
    })
}

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值