vant – List组件在页面初始化后连续触发多次的问题
代码:
html代码:
<van-list v-model="category.dropLoading" :finished="category.finished" finished-text="--没有更多了--" @load="onLoad" >
内容
</van-list>
data数据
category: {
dropLoading: true, // 上拉加载
finished: false, // 数据是否全部加载
list: [],
totalcount: 0, // 列表总条数
pageindex: 1,
pagesize: 10
},
接口:
getQuotationsList(id, pagetype){ // 获取列表
this.axios({
url: api,
data: {
id,
pagetype,
page: this.category.pageindex
}
}).then((res) => {
if (res.error === 0) {
this.category.list = this.category.list.concat(res.list)
if (this.category.pageindex >= res.pagecount) {
/* 结束加载 */
this.category.finished = true
}
}else {
this.category.finished = true
}
}).finally(()=>{
// 加载状态结束
this.category.dropLoading = false
})
},
tab切换:
dataInit(){ // 数据初始化
this.category.finished = false
// this.category.dropLoading = true // 初始化,开启上拉加载数据,防止axios连续触发多次或不触发(???)
this.category.pageindex = 1
this.category.list = []
},
twoCateTab(id){ // 二级tab
this.dataInit()
this.category.twoCate_id = id
},
问题出现在tab切换的时候,如果初始化数据dropLoading不设置为true的话,
this.category.dropLoading = true
就会出现以上说的问题 ,经过调试还没弄懂为什么,知道的码友可以告知下吗?感谢