基本使用

    1. 下载 
    2. npm install better-scroll --save
    4. import Bscroll from 'better-scroll';
    6. <div class="wrapper"> wrapper必须设置宽度
    7.     分类
    8.     <ul class="content">
    9.       <li>1</li>
    10.       <li>1</li>
    11.       <li>1</li>
    12.     </ul>
    13.   </div>
    14.  mounted(){//在created里面不可以标签还没真实存在  类名必须相同
    15.     this.scroll = new Bscroll('.wrapper',{
    16.     })
    17.   },
    18. 默认情况下Bsroll是不会事实监听滚动位置
    1. mounted(){
    2.     //probeType 0,1都不监听滚动位置
    3.                 //2监听滚动位置 惯性滚动不监听
    4.                 //3监听滚动位置 是滚动就监听  需要通过on方法监听scroll事件 触发的方法里传入参数 参数就是当前滚动到的位置
    5.     //  pullUpLoad:true 支持上拉加载更多 只需要监听pullingUp只能检测一次 多次要执行完里面代码在调用finishPullUp()
    6.     this.scroll = new Bscroll('.wrapper',{
    7.       probeType: 3,
    8.       pullUpLoad:true,
    9.       click:true, //使用better-scroll后会导致better-scroll中原生的click失效 通过click属性设置恢复
    10.     });
    11.     //监听滚动到的位置 会一直监听 不滚动也会监听当前位置
    12.     this.scroll.on("scroll",pos=>{
    13.       console.log(pos)
    14.     });
    15.     //监听当到底部之后继续上拉
    16.     this.scroll.on("pullingUp",()=>{
    17.       console.log("上拉加载更多")
    18.       this.scroll.finishPullUp(); //如果不调用finishPullUp 只能监听到一次
    19.     })
    20. },