vueでbetter-scrollスクロールを使用するのは無効です

インストール

npm install better-scroll --save

呼び出し:

//         class   
wrapper recommend" ref="wrapper">
    
content recommendHeight">
      
    
      

        
for="item in playList" :key="item.id">
          

            
{{item.name}}
          
        
      
    
  

 

import BScroll from "better-scroll";
 //       
    _getRecommendList() {
      getRecommendList().then(res => {
        if (res.status === this.$ERR_OK) {
          this.playList = res.data.result;
          this.$nextTick(() => {
            if (!this.scroll) {
              this.scroll = new BScroll(this.$refs.wrapper, {});
              this.scroll.on("touchEnd", pos => {
                //     ，           
                if (pos.y > 50) {
                  this._getRecommendList();
                }
              });
            } else {
              this.scroll.refresh();
            }
          });
        } else {
          console.error("getRecommendList     ");
        }
      });
    }

　　mounted() {
    this._getRecommendList();
  }
比较的穴の问题はレイアウトの问题の上のステップがこのプラグインを导入しても正しく呼び出されたが、死活は引くことができなくて、引くことができなくて、インターネットで多くの方法を探しても使っていません.

.wrapper{
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}

ああ、本当によかった.