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);
  });

成功了