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

HTML结构方面

   
   

样式方面

对父元素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 了

你可能感兴趣的:(vue.js)