vue的爬坑之路（六）之----基于vue-cli 无限滚动插件无限加载

npm install vue-infinite-loading --save

import InfiniteLoading from ‘vue-infinite-loading‘;
export default {
  components: {
    InfiniteLoading,
  },
};

<infinite-loading v-on:infinite="droplist" ref="infiniteLoading" spinner="bubbles"><span style="font-size:20px;" slot="no-more">没有更多数据了！</span></infinite-loading>

 1 droplist: function ($state) { 5       this.$http.get(‘接口‘,{ 参数}).then((response) => {
 6            if(‘order_data‘ in response.data.data){
　　　　　　　　　　　//this.orderData 是声明的数组变量，用于存数据 9                 this.orderData =this.orderData.concat(response.data.data.order_data)
10                 $state.loaded()
11            } else {
12                 $state.complete()
13            }
14      })
22  }