vue防抖接口调用编写（非封装）

最新推荐文章于 2024-05-25 14:30:00 发布

菜鸟小码农007

最新推荐文章于 2024-05-25 14:30:00 发布

阅读量181

点赞数

分类专栏： js vue 文章标签： vue vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_47266198/article/details/129163197

版权

vue 同时被 2 个专栏收录

6 篇文章

订阅专栏

4 篇文章

订阅专栏

该代码段展示了如何使用定时器优化接口请求。当函数被触发时，它首先检查是否已有定时器在运行，如果有则清除以防止重复请求。接着，在500毫秒后，根据接收到的数据类型更新项目列表或部门ID。这个过程确保了请求的延迟执行，提高了用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这个 this.timer 不需要再data里面定义

treeNodeproduct(data) {
      if (this.timer) {
        // 如果数据正在请求阻止并删除上次请求
        clearTimeout(this.timer)
      }
      this.timer = setTimeout(() => {
        // 接口请求数据 不用管这个判断 这是我自己写的一个判断
        if ('departmentInfoVos' in data) {
          this.projectList = []
        } else {
          this.categoryId = data.departmentId
          this.$api.user.malist({ categoryId: data.departmentId, deptId: this.deptId }).then(res => {
            if (res) {
              this.projectList = res.rows
            }
          })
        }
        // 停下点击后多少秒后调用
      }, 500)
    },