一个简单的loading控制代码

发表于 | 更新于

一个简单的loading控制封装

防止多条请求发送出去，有一条请求返回取消loading状态

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
import { Loading } from 'element-ui';

/**
 *  loading控制
 */
export default {
  num: 0,
  show() {
    this.num += 1;
    if (this.num === 1) {
      Loading.service(); // 显示loading
    }
  },
  hide() {
    // 等待发出去的请求返回结果后结束loading
    if (this.num > 0) this.num -= 1;
    if (this.num === 0) {
      Loading.service().close(); // 结束loading
    }
  },
};