better-scroll无法滚动
时间: 2024-01-19 22:04:03 浏览: 152
vue better scroll 无法滚动的解决方法
在使用better-scroll组件时,有时会遇到页面无法滚动的问题。解决这个问题的方法是在页面拖动时重新刷新better-scroll的实例。
以下是一个示例代码,演示了如何解决better-scroll无法滚动的问题:
```javascript
import BScroll from "@better-scroll/core";
import myPullUp from "@better-scroll/pull-up";
BScroll.use(myPullUp);
this.scroll = new BScroll(this.$refs.wrapper, {
probeType: this.probeType,
click: true,
pullUpLoad: true,
});
this.scroll.on("pullingUp", () => {
// 每当页面上下拖动时,刷新scroll实例
this.scroll.refresh();
});
```
在上述代码中,我们首先引入了better-scroll的核心库和pull-up插件。然后创建了一个scroll实例,并在实例化时传入了相应的配置参数。最后,通过监听"pullingUp"事件,在页面上下拖动时调用`this.scroll.refresh()`方法来刷新scroll实例,从而解决了无法滚动的问题。
阅读全文