Vue项目中使用better-scroll须要注意的点

HTML结构方面

<!--父元素-->
   <div class="seller" ref="seller">
      <!--须要出现滚动条的内容区-->
      <div class="content"></div>
   </div>

样式方面

对父元素seller必须有必定的高度并且必须出现隐藏滚动条，这样一旦子元素content的高度高过父元素的时候就会出现滚动条，不然不会出现

.seller
    position: absolute
    top: 174px
    bottom: 0
    left: 0
    width: 100%
    overflow hidden

JavaScript方面

if (!this.scroll) {
                    this.scroll = new BScroll(this.$refs.seller, {
                        click: true
                    });
                } else {
                    this.scroll.refresh();
                }

总结：用一个if...else这样就避免了一直重复的去计算this.scroll 了