1、创建一个Myscroll.vue
html
JS
2、在父组件中使用Myscroll
注意：使用better-scroll(即封装后的Myscroll组件)，必须将滚动的内容全部放在第一个子元素div里
Myscroll的属性 :data="playList" ，表示传一个playList数据进来，是因为当数据发生改变时，滚动条也需要refresh刷新。否则，不刷新的话，可能就滚不动了。
但在项目中发现，不传data过去，好像也能滚动。
在父组件的 mounted或methods方法中，使用Myscroll的刷新方法，或其他方法，如下：
给Myscroll组件添加ref, <Myscroll ref="scrollWrapper" :data="playList" class="recomment-content" />
mounted() {
this.$refs.scrollWrapper.refresh() //重新计算高度，刷新滚动条
this.$refs.scrollWrapper.enable() //启动滚动条
this.$refs.scrollWrapper.diable() //禁止滚动条
},
网友评论