BScroll warn 】EventEmitter has used unknown event type: “pullingUp“解决方法:看bs文档
导致错误的代码如下
这是老版本之前的使用方法,会报错上拉控制台不显示上拉加载更多
import BScroll from "@better-scroll/core";
this.scroll = BScroll(document.querySelector(".wrapper"), {
probeType: 3,
//默认pullUpLoad为flase
pullUpLoad: true,
});
this.scroll.on("pullingUp", () => {
console.log("上拉加载更多");
setTimeout(() => {
this.scroll.finishPullUp();
// 2s之后下拉加载更多
}, 2000);
});
如图所示
解决方法
看文档
上拉https://better-scroll.github.io/docs/en-US/plugins/pullup.html#usage代码需要修改为
首先,通过静态方法安装插件BScroll.use()
import BScroll from '@better-scroll/core'
import PullUp from '@better-scroll/pull-up'
BScroll.use(PullUp)
this.scroll = BScroll(document.querySelector(".wrapper"), {
pullUpLoad: true
});
this.scroll.on("pullingUp", () => {
console.log("上拉加载更多");
});
但是
下拉两次后出现bug,让调试,后来在看文档需要修改
bscroll.refresh()
将其改为
this.bscroll.refresh()
最后代码为
import BScroll from '@better-scroll/core'
import PullUp from '@better-scroll/pull-up'
BScroll.use(PullUp)
this.scroll = BScroll(document.querySelector(".wrapper"), {
pullUpLoad: true
});
this.scroll.on("pullingUp", () => {
console.log("上拉加载更多");
setTimeout(() => {
this.scroll.finishPullUp();
// 2s之后下拉加载更多
}, 2000);
});
成功了