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

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
}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容