Vue 프로젝트 에서 better-scroll 을 사용 할 때 주의해 야 할 점

774 단어 vue.js
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 을 계산 하 는 것 을 피 할 수 있 습 니 다.

좋은 웹페이지 즐겨찾기