vue 关于BetterScroll不能滑动问题

在我们的开发中，用vue开发移动端时，如果使用原生滚动的话，在模拟器上面不会出现什么问题，但到了真机上面就会出现滑动不流畅的问题。那么我们可以使用滑动插件来解决这个问题，下面我们来说一下betterscroll这个滑动插件

betterscroll是目前比较好用的一个滑动插件，但是第一次使用的时候总会出现一些问题，使得betterscroll无法达到预期的使用效果，下面就来说一下我觉得会出现的问题

1.页面不能滚动，但可以使用原生滚动

出现这个问题的原因可能是没有设置固定的滚动区域高度

  <div class="wrapper">

    <div class="content">

      <slot></slot>

    </div>

  </div>

在BetterScroll的官方文档里，wrapper是父容器，要有固定的高度，content是用来放可滚动内容的，当content里的内容高度大于wrapper高度就可以实现滚动了，注意这里的高度不能直接写100%，除非它的父级，或者整个页面有固定的高度（100vh）

2.可以滚动，但是滚动一下又不能继续往下滚动

出现这个问题的是：可滚动高度还没有来的及刷新页面已经构建完成了

我们往滑动区域里面添加一些从网络请求下来的东西，但网络请求可能比较慢，还没有请求完成，但页面已经构建完成了，这个时候的可滑动高度是按构建完成时的高度来算的，后面