如何使用Vue vant-ui框架实现下拉刷新和上拉加载功能？

本文共计2421个文字，预计阅读时间需要10分钟。

目录+知识点速记+基本用法+下拉刷新+代码实现

1.页面布局+2. 样式+3. 方法+下拉刷新效果：+知识点速记+基本用法+通过List通过loading和finished两个变量控制加载状态，当组件滚动到底部时，会

目录

• 知识点速记
• 基本用法
• 下拉刷新
• 代码实现
• 1.页面布局
• 2.样式
• 3.方法

下拉刷新效果：

知识点速记

基本用法

List通过loading和finished两个变量控制加载状态，当组件滚动到底部时，会触发load事件并将loading设置成true。此时可以发起异步操作并更新数据，数据更新完毕后，将loading设置成false即可。