ytj

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

@@ -1,6 +1,6 @@
 <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>
@@ -30,7 +30,7 @@ export default {
     },
     enableInfinite: { // 上拉加载
       type: Boolean,
-      default: false
+      default: true
     },
     enableRefresh: { // 下拉刷新
       type: Boolean,
@@ -76,7 +76,7 @@ export default {
       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
@@ -85,7 +85,6 @@ export default {
       if (this.state === 2) { // in refreshing
         return
       }
-      console.log(123)
       if (this.top >= this.offset) {
         this.state = 1
       } else {
@@ -100,9 +99,9 @@ export default {
       }
     },
     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

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