vue axios element 全局的loading

时间:2022-03-22 06:55:33

当发请求时,为了防止用户误操作。所以需要添加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);

vue axios element 全局的loading

 

 

效果如下:样式自行修改

vue axios element 全局的loading