vue之better-scroll的使用

参考文献:当better-scroll遇上vue

首先,以下的代码全部是在scroll.vue中,图一是组件的template部分

图一

图二是better-scroll的一些配置项,注意,可以自行设置默认值,默认为true的则不再需要从父组件中再传值,注意在此例子中,data是必须要传的

vue之better-scroll的使用_第1张图片
图二

图三的思路要特别的注意,在vue的生命周期函数内我们加入了一个延时器,这是为了保证dom能够完全渲染

vue之better-scroll的使用_第2张图片
图三

图四是better-scroll的一些方法

图四


图五

你可能感兴趣的:(vue之better-scroll的使用)