vant之关于van-list的使用以及一些坑的解决方案

import Vue from ‘vue‘;
import { List } from ‘vant‘;
Vue.use(List);

data(){
    return{
      content_list: [],
      	loading: false,//加载状态
      	finished: false,//是否加载
      	count_page: 1,//加载页数
　　　	count_num: 4//每页限制条数
    }
 },
  methods:{
     list_onload_more: function () {
          var _this = this;
          _this.count_page += 1;
          // 请求数据
          _this.get_course_list();
      }
      ，get_course_list:function(){
      	   var _this = this;
		   var params ={};
           params.page = _this.count_page;
           params.num = _this.count_num;
           index_rpc.get_collection_course(params,function (data) {
               if(data.error_code == 0) {
                   var item = data.data || [];
                   _this.count = data.count;
                   if (params.count_page == 1){
                       _this.content_list = [];
                   }
                   item.forEach(function(val) {
                       _this.content_list.push(val);
                   })
                   //这里是用于判断什么时候所有数据加载完毕，然后进行是否进行加载关闭
                   if(_this.count_num * _this.count_page >= _this.count) {
                       _this.finished = true;
                   }else {
                       _this.finished = false;
                   }
               }else{
                   _this.count = 0;
                   _this.content_list = [];
                   _this.finished = true;
               }
               //最后数据加载完后不要忘记将loading改为false
               _this.loading = false;
           })
      }
  }

 <van-pull-refresh v-model="refreshing" @refresh="'onRefresh">
        <van-list v-model="loading" @load="onLoad" :finished="finished">
            <div v-for="(item,i) in list" :key="'i"></div>
        </van-list>
 </van-pull-refresh>

data(){
    return{
      list:[],
      loading:false,
      refreshing:false,
      finished；false,
      total:0,
      params:{
        pageNum:0,
        pageSize:10,
        keyword:'',
        id:''
      }
    }
}

setParams(newParams){
  this.params = Object.assign(this.params,newParams)
}

async getList(type) {
      let res = await quesAnsFirPage(this.params);
      if (res.status == “success“) {
        let { rows, total } = res.content;
        this.total = total;
        //当下拉刷新请求数据时，list直接等于新获取的数据
        //当上拉加载时怎拼接数据
        if (type == “refresh“) {
          this.list = rows;
        } else {
          this.list = this.list.concat(rows);
        }
      }
    }, 

 async onLoad() {
      let params = {
        pageNum: ++this.params.pageNum
      };
      this.setParams(params);
      await this.getList();
      this.loading = false;
      if (this.list.length == this.total) {
        this.finished = true;
      }
    },

async onRefresh() {
      let params = {
        pageNum: 1
      };
      this.setParams(params);
      await this.getList(“refresh“);
      this.finished = false;
      this.refreshing = false;
    },