美文网首页
van-list 组件 load 触发两次请求

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

作者: alipy_258 | 来源:发表于2024-03-26 18:09 被阅读0次

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
}

相关文章

  • +initialize和+load的顺序

    1、程序运行就会触发load方法,且先于main函数;顺序(load ->main -> uiapplicatio...

  • web浏览器常用事件

    浏览器窗口事件 load 页面加载完成时触发 beforeunload 窗口关闭之前触发 ...

  • 快应用子组件和父组件通信

    向上传递:子组件触发,父组件响应 在子组件 在父组件 向下传递:父组件触发,子组件响应 在父组件 在子组件

  • GlobalEventHandlers.onload

    当 window load 事件触发时,funcRef 方法会被调用。 funcRef 是窗口加载事件触发时调...

  • Vue.js组件间调用及传值 2020最新更新

    Vue.js中,对于父子组件、平级组件间的事件触发、传值等。 调用 父组件 子组件 子组件调用父组件 子组件 触发...

  • vue 子组件传递信息给父组件

    子组件 通过$emit事件将内容传递给父组件子组件 父组件 触发父组件中的方法触发父组件方法 方法中value就是...

  • HTTP访问控制(CORS)

    简单请求 触发简单请求 某些请求不会触发 CORS 预检请求。本文称这样的请求为“简单请求”,请注意,该术语并不属...

  • 父子组件传值

    子组件注册触发事件,父组件注册 触发子组件事件后的方法写在method里面父组件这么写 子组件component-...

  • 父组件触发子组件的事件

    子组件上ref 写好值。父组件上写一个触发事件,这个事件触发子组件的事件例如父组件 子组件ordernum

  • Vue 组件的通信方式

    props,$emit 父组件传递props到子组件(单项数据流)子组件触发事件,父组件监听子组件事件触发 ref...

网友评论

      本文标题:van-list 组件 load 触发两次请求

      本文链接:https://www.haomeiwen.com/subject/nlnstjtx.html