在store.js中使用vuex全局控制loading显示与隐藏import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
state: {
LOADING: false
},
mutations: {
showLoading(state) {
state.LOADING = true
},
hideLoading(state) {
state.LOADING = false
}
}
loading组件
import Vue from 'vue';
import {Loading} from 'vant';
Vue.use(Loading);
export default {
name: 'LOADING',
data() {
return {}
},
}
.loading {
position: fixed;
z-index: 9999;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.5);
display: flex;
justify-content: center;
align-items: