码迷,mamicode.com
首页 > 移动开发 > 详细

vue axios+element 全局的loading

时间:2019-12-08 12:22:17      阅读:93      评论:0      收藏:0      [点我收藏+]

标签:更换   view   type   拦截器   修改   height   color   添加   axios   

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

标签:更换   view   type   拦截器   修改   height   color   添加   axios   

原文地址:https://www.cnblogs.com/Gherardo/p/12005099.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!