<van-pull-refresh v-model="isLoading" @refresh="onRefresh"> <van-list v-model="loading" :error.sync="error" error-text="请求失败，点击重新加载" @load="onLoad" >
import { Toast } from 'vant';
export default {
data() {
return {
count: 0,
isLoading: false,
list: [],
loading: false,
finished: false,
};
},
methods: {
onRefresh(){ setTimeout(() => {
Toast('刷新成功');
this.isLoading = false;
}, 1000);
},
onLoad() {
// 异步更新数据 // setTimeout 仅做示例，真实场景中一般为 ajax 请求
setTimeout(() => {
this.loading = false;
// 数据全部加载完成
if (this.list.length >= 40) {
this.finished = true;
}
}, 1000);
},
};
