vue组件里操作dom以及dom上的数据变化很频繁,this.$nextTick()这个方法作用是当数据被修改后使用这个方法会回调获取更新后的dom再render出来,如下例子:
在methods定义一个方法,这个方法来定义BScroll滚动轴插件可以点击,并且监听滚动轴位置:
_initScroll () {
this.menuScroll = new BScroll(this.$refs.menuWrap, {
click: true
});
this.foodsScroll = new BScroll(this.$refs.foodsWrap, {
probeType: 3,
click: true
});
如果不在下面的this.$nextTick()方法里回调这个方法,数据改变后再来计算滚动轴就会出错
created () {
this.$nextTick(() => {
this._initScroll();
});
}