今天在vue中使用better-scroll时，发现第一次加载后页面无法滚动。

去查了相关问题后发现了 一大堆的解决方案，汇总后：

1. 首先检查代码，content高度是否大于warpper、样式是否写错，
2. 确认代码没有问题的情况下，可以考虑是否是，Dom加载问题，因为如果BetterScroll无法计算出高度，会出现这个问题，可以通过nextTick()或者在scroll事件中添加refresh()方法来重新计算高度

添加refresh附上代码： 

  mounted() {
 //  ref绑定在组件中通过$refs.refname获取到是一个组件对象 组件对象  <cpn ref='a=>
 // ref绑定在普通元素中，那么通过$refs.refname获取到的是一个元素对象 在组件内部书写时添加属性
      this.scroll = new BScroll(this.$refs.wrapper, {
        probeType: 3,
        pullUpLoad: true,
        click: true
      });
      // 重新计算 BetterScroll，当 DOM 结构发生变化的时候务必要调用确保滚动的效果正常
      this.scroll.on('pullingUp', () => {
        this.scroll.refresh()
      })
  },

nextTick附上代码：

   this.$nextTick(() => {
      this.scroll = new BScroll(this.$refs.wrapper, {
        probeType: 3,
        pullUpLoad: true,
        click: true
      });
   
    });

在使用过程中，nextTick不起作用，可能是因为没有更新数据吧，我是用refresh()解决的

nextTick()，是将回调函数延迟在下一次dom更新数据后调用，简单的理解是：当数据更新了，在dom中渲染后，自动执行该函数