van-list 组件 load 触发两次请求

2024-03-26  本文已影响0人  alipy_258

van-list 组件 @load 事件,点击 van-tabs @click 事件,load 事件会在触发,导致造成两次接口请求,解决办法如下:

在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>

初始化的默认值:
data() {
    return {
        loading: false,
        finished: false
    }
}
tabsClick() {
  this.loading = true
  this.finished = false
}

上一篇 下一篇

猜你喜欢

热点阅读