vant使用 van-list、van-pull-refresh 组合使用会出现两个loading 如何解决?
直接上代码!!!
<van-pull-refresh v-model="refreshLoding" @refresh="onRefresh">
<van-list v-model="loading" :finished="finished" @load="onLoad">
<!--通过判断是否下拉来 判断是否显示列表的loading 必须增加元素 组件有判断 -->
<template #loading v-if="refreshLoding"><div></div></template>
</van-list>
</van-pull-refresh>
<script>
export default {
data() {
return {
refreshLoding:false,
loading:false,
tabList:[]
}
},
methods:{
// 下拉刷新
onRefresh() {
// 清空列表数据
this.tabList = [];
this.finished = false;
this.loading = false;
this.result();
},
// list 加载
onLoad() {
// 判断是否是下拉 下拉就不请求列表的接口
if (!this.refreshLoding) {
this.loading = true
this.result();
}
},
// 数据接口
result() {
}
}
}
</script>