添加PullRefresh组件包裹List组件,向下拉不出现加载动画

来源:5-13 任务列表分页、下拉刷新、加载更多功能实现-2

海盗ty飞飞

2023-04-01

添加PullRefresh组件包裹List组件,向下拉不出现加载动画怎么处理?

写回答

1回答

joshen

2023-04-04

    <van-pull-refresh v-model="state.loading" @refresh="onRefresh">

      <van-list

        v-model:loading="state.loading"

        :finished="state.finished"

        finished-text=""

        @load="onLoad"

      >

        <TaskList :taskList="state.taskList"></TaskList>

        <div class="wy-no-data" v-if="!state.loading && state.taskList.length==0">暂无数据</div>

      </van-list>

    </van-pull-refresh>

向下拉是有加载动画的,可以看下git上面的源代码。

//img.mukewang.com/szimg/642b6f680906ad0f07400922.jpg

0
1
海盗ty飞飞
是列表底部的时候,想看更多,往下拉的时候底部没加载动画,如果不添加PullRefresh组件,List组件就有加载动画
2023-04-04
共1条回复

Vue3+Vite+Vant-UI 开发双端招聘APP

Vue3+Vite+Vant-UI 开发双端招聘APP

159 学习 · 94 问题

查看课程