ytj

src/components/vue-load-more/index.vue

 <template>
   <div class="yo-scroll" :class="{'down':(state===0),'up':(state==1),refresh:(state===2),touch:touching}" @touchstart="touchStart($event)" @touchmove="touchMove($event)" @touchend="touchEnd($event)">
-    <section class="inner">
+    <section class="inner" :style="{ transform: 'translate3d(0, 0px, 0)' }">
       <header class="pull-refresh">
         <slot name="pull-refresh">
           <span class="down-tip">下拉更新</span>
     },
     enableInfinite: { // 上拉加载
       type: Boolean,
-      default: false
+      default: true
     },
     enableRefresh: { // 下拉刷新
       type: Boolean,
       this.$el.querySelector('.load-more').style.display = 'block'
     },
     touchMove (e) {
-      if (this.dataList.noFlag || !this.touching) {
+      if (!this.enableRefresh || this.dataList.noFlag || !this.touching) {
         return
       }
       let diff = e.targetTouches[0].pageY - this.startY - this.startScroll
       if (this.state === 2) { // in refreshing
         return
       }
-      console.log(123)
       if (this.top >= this.offset) {
         this.state = 1
       } else {
       }
     },
     touchEnd (e) {
-      // if (!this.enableRefresh) {
-      //   return
-      // }
+      if (!this.enableRefresh) {
+        return
+      }
       this.touching = false
       if (this.state === 2) { // in refreshing
         this.state = 2

vue.config.js

   baseUrl: './',
   // 生产环境是否生成 sourceMap 文件
   productionSourceMap: true,
+  // devtool: 'source-map',
   chainWebpack: config => config.plugins.delete('named-chunks'),
   devServer: {
     proxy: {
       },
     },
     // compress: true,
-    // devtool: 'source-map',
     disableHostCheck: true,   // That solved it
   }
 }