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 了