vue中使用vant实现上拉刷新下拉加载（一）

用vant实现下拉刷新，上拉加载

下面我先粘贴我的项目代码：

html部分的代码

 <van-pull-refresh v-model="isDownLoading" @refresh="onRefresh">
        <van-list
          v-model="isUpLoading"
          :finished="upFinished"
          @load="onUpRefreshLoad"
          offset="20"
          :finished-text="textUpFinish"
        >
        // card-info 是我自己封装的组件，样式我粘贴图片出来
          <card-info
            v-for="(item, index) in this.priceList"
            :key="index"
            :obj="item"
            :mtype="itemType"
          ></card-info>
        </van-list>
      </van-pull-refresh>

所涉及的变量：

 pageSize: 10,
      page: 0,
      isDownLoading: false, // 下拉刷新
      isUpLoading: false, // 上拉加载