no message

kimi

2020-01-21 4c04fa8bcaf877aea48a64846d6ab0ff902c013f

 src/components/square.vue

@@ -2,7 +2,15 @@

   <div class="infinite-list-wrapper" style="overflow:auto">
      <ul class="list" v-infinite-scroll="load" infinite-scroll-disabled="disabled">
         <li v-for="i in count" class="list-item">{{ i }}</li>
         <li v-for="item in dataList" :key = "item.id" class="list-item">
            <el-row>
              <el-col :span="8"><div class="grid-content">{{item.title}}</div></el-col>
              <el-col :span="4" :><div class="grid-content">{{item.time}}</div></el-col>
            </el-row>
            <el-row>
              <el-col :span="20"><div class="grid-content">{{item.desp}}</div></el-col>
            </el-row>
         </li>
      </ul>
      <p v-if="loading">加载中...</p>
      <p v-if="noMore">没有更多了</p>
@@ -10,10 +18,18 @@
</template>

<script>
   import squareList from "./squareList.vue";
	
   export default {
      data() {
         return {
            count: 10,
            dataList: [
               {id:1,title:"11",desp:"111",time:"11-11"},
               {id:1,title:"11",desp:"111",time:"11-11"},
               {id:1,title:"11",desp:"111",time:"11-11"},
               {id:1,title:"11",desp:"111",time:"11-11"},
               {id:1,title:"11",desp:"111",time:"11-11"},
            ],
            loading: false
         }
      },
@@ -27,11 +43,11 @@
      },
      methods: {
         load() {
            this.loading = true
            setTimeout(() => {
               this.count += 2
               this.loading = false
            }, 2000)
            // this.loading = true
            // setTimeout(() => {
            //    this.count += 2
            //    this.loading = false
            // }, 2000)
         }
      }
   }