Vue＋Vant组件库完成列表的加载和下拉刷新

最新推荐文章于 2023-08-31 16:59:23 发布

-谢某-

最新推荐文章于 2023-08-31 16:59:23 发布

阅读量462

点赞数

分类专栏： vue3 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/xll20000811/article/details/128217739

版权

这次分享的是我这次的项目中的一个功能：Vue＋Vant组件库完成列表的加载和下拉刷新，废话不多说直接上代码：

HTML：

<van-empty description="暂无数据"
               v-show="recordList.length == 0" />
    <van-pull-refresh v-model="isRefreshing"
                      @refresh="onRefresh">
      <van-list v-model:loading="loading"
                :finished="finished"
                finished-text="没有更多了"
                @load="getAllDangers">
        <div class="record"
             v-for="item in recordList"
             :key="item"
             :title="item"
             @click="toDetails(item)">
          <div class="record_title">
            <span class="tag"
                  :style="{ backgroundC