1.安装better-scroll插件
2.要使用的页面中引入插件
import MScroll from "better-scroll";
3.初始化滚动函数
如果使用了for循环,滚动区间和循环的div之间要包一层div
注意先将引用词ref写入所要引用标签中
<div class="menu-wrapper" ref="menuWrapper">
initScroll: function() {
this.menuScroll = new MScroll(this.$refs.menuWrapper, {});
}
4.调用一般放到created中,但created生命周期中不能直接进行DOM操作(执行时间差问题),因而放到请求数据事件结尾
this.$nextTick(() => {
this.initScroll();
});