element ui設置全局的加載中 出現loading.close()報錯

首先按需引入 loading組件

import { Loading } from 'element-ui'

　以下是代碼

let loading;
let loadingCount = 0;
function start() {
  loading = Loading.service({
    lock: true,
    text: '加載中',
    background: 'rgba(0,0,0,0.7)'
  })
};
function end() {
  loading.close();
}
function showLoaing() {
  if (loadingCount == 0) {
    start();
  };
  loadingCount++
};

function hideLoading() {
  loadingCount--;
  if (loadingCount == 0) {
    end()
  }
}

溫馨提示: 我是在攔截器寫的 到時候你就在請求的時候調用開始加載showLoaing()  響應的時候調用結束加載hideLoading()