vue-better-scroll 配置
时间: 2023-07-04 16:29:31 浏览: 71
vue-better-scroll 是一个基于 better-scroll 封装的 Vue.js 组件,可以实现一些滚动场景的需求。下面是一些常用的配置:
1. 在组件中引入 better-scroll:`import BScroll from 'better-scroll'`
2. 在组件中创建 better-scroll 实例:
```
mounted() {
this.$nextTick(() => {
this.scroll = new BScroll(this.$refs.wrapper, {
// 配置项
})
})
}
```
3. 常用配置项:
- `probeType`:默认为 0,不开启实时派发滚动事件。1 表示开启,会派发滚动事件,但是会有一定的性能损耗。2 表示在滚动过程中会实时派发滚动事件,性能损耗比较大。
- `click`:默认为 false,表示不监听 click 事件。如果需要监听 click 事件,可以设置为 true。
- `scrollX`:默认为 false,表示不开启横向滚动。如果需要横向滚动,可以设置为 true。
- `scrollY`:默认为 true,表示开启纵向滚动。如果不需要纵向滚动,可以设置为 false。
- `pullDownRefresh`:默认为 false,表示不开启下拉刷新。如果需要下拉刷新,可以设置为 true,并在组件中监听 `pullingDown` 事件。
4. 其他配置项可以参考 better-scroll 的官方文档:https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/options.html