Better-scroll(JS、Vue插件)详解

更好的滚动（Better-scroll）：

BetterScroll 是一个插件，旨在解决移动端（已支持 PC）的滚动情况。核心灵感来自iscroll的实现 （打开新窗口），所以 BetterScroll 的 API 总体上兼容 iscroll。更重要的是，BetterScroll 还扩展了一些功能，并基于 iscroll 进行了性能优化
Better-scroll是什么（官方）

安装

npm i better-scroll -s

使用

import BetterScroll from 'better-scroll'

let bs = new BetterScroll('.wrapper', {
  movable: true,
  zoom: true
})

详细配置

官方文档

在Vue中使用better-scroll

问题解决

页面无法滚动
better-scroll不生效原因

问题：高度或宽度如果没有问题，估计内部计算错误。可以在组件加载完之后进行再次重新计算高度或宽度。

 updated () {
        //重新计算高度
        this.scroll.refresh();
        //当数据加载完毕以后通知better-scroll
        this.scroll.finishPullUp();
    }