vue拦截器里多个错误提示只显示第一个

秦羽 2020-12-17 AM 547℃ 0条

- 普通版

可以实现在1秒内的多个错误提示只显示第一个

```javascript
function debounce(fn, wait) {
  let timerId = null
  let flag = true
  return function () {
    clearTimeout(timerId)
    if (flag) {
      fn.apply(this, arguments)
      flag = false
    }
    timerId = setTimeout(() => {
      flag = true
    }, wait)
  }
}

const authError = debounce((message) => {
  Message({
    message,
    type: 'warning'
  })
}, 1000)

// 拦截器里这样调
authError(response.data.msg)
```

---

- 优化版

可实现同一时间弹出框只会出现一个

```javascript
function debounce(fn, wait) {
  let timerId = null;
  let flag = true;
  return function() {
    // clearTimeout(timerId);
    if (flag) {
      fn.apply(this, arguments);
      flag = false;
      timerId = setTimeout(() => {
        flag = true;
      }, wait);
    }
  };
}

const authError = debounce(message => {
  Message({
    message,
    type: "error"
    duration: 3 * 1000
  });
}, 3000);

// 拦截器里这样调
authError(response.data.msg)
```

参考：[https://segmentfault.com/q/1010000020866111](https://segmentfault.com/q/1010000020866111)

标签: 拦截器, axios

非特殊说明，本博所有文章均为博主原创。

如若转载，请注明出处：https://www.qinyu.cc/archives/82.html

上一篇 Python在windows下搭建MQTT服务器并实现通信

下一篇在线工具推荐

vue拦截器里多个错误提示只显示第一个

评论啦~

栏目分类

标签云

友情链接申请

vue拦截器里多个错误提示只显示第一个

 评论啦~

 栏目分类

标签云

友情链接申请

评论啦~

栏目分类

标签云

友情链接申请