Vue中this.$nextTick()什么意思?
理解:
等页面刷新完之后,再执行回调函数中的方法
比如在vue组件里的mounted()生命周期函数中加入this.$nextTick()
// 在执行mounted这个生命周期函数的时候,内存中的模板已经真实挂载到了页面中,我们已经可以看到渲染好的页面了
mounted () {
this.$nextTick(() => {
// 页面刷新完后才会执行下面的chart()方法
this.chart() // 这个chart()方法是我在methods中写的用来展示图表的
})
}
我在使用G2写好图表显示在页面中的时候,只要一刷新,图表就自己往右移。加上this.$nextTick(),像上面那样写就好了。再刷新就不会再右移了。
还没有评论,来说两句吧...