van-list 組件 @load 事件,點(diǎn)擊 van-tabs @click 事件,load 事件會在觸發(fā),導(dǎo)致造成兩次接口請求,解決辦法如下:
在tab切換時,對van-list 組件的v-model 和 finished 重新賦值處理
<van-list
:finished="finished"
v-model="loading"
@load="getData"
>
<van-tabs v-model="activeName" @click="tabsClick"></van-tabs>
</van-list>
初始化的默認(rèn)值:
data() {
return {
loading: false,
finished: false
}
}
tabsClick() {
this.loading = true
this.finished = false
}