vue axios+element 全局的loading

當發請求時，為了防止用戶誤操作。所以需要添加loading遮罩層。

基於vue+element_axios。用element-ui 的loading 如果想用iview的或者mint-ui 請自行更換。

在main.js中添加axios請求攔截器

import Vue from 'vue'

import axios from 'axios'
Vue.prototype.$http = axios;

import ElementUI from 'element-ui'
Vue.use(ElementUI);

 

 

效果如下：樣式自行修改