VUE的ajax拦截器

先介绍第一种  基于饿了么组件中的全局ajax请求等待的书写方法

main.js中

import EventBus from './../src/core/EventBus';

Vue.use(EventBus);

Vue.http.interceptors.push((request, next) => {

// before sending request

EventBus.$emit('toggleLoading')

next((response => {

// after sending request

EventBus.$emit('toggleLoadingEnd')

}));

});



eventBus文件

import Vue from 'vue';

const EventBus = new Vue();

export default EventBus;



Vue文件中

import EventBus from './../core/EventBus’;

mounted() {

console.log("加载完成App.vue");

EventBus.$on('toggleLoading', () => {

this.$loading({ fullscreen: true })

});

EventBus.$on('toggleLoadingEnd', () => {

this.$loading({ fullscreen: true }).close();

});

}

上一篇:VUE弹出框书写


下一篇:仪表盘拖拽canvas动画