使用vue-element-loading实现loading页
由于请求服务端接口需要时间，在请求时加上一个loading logo效果将极大提升用户体验和减轻服务端压力。
使用 vue-element-loading 比较小的插件实现
这是文档地址：https://biigpongsatorn.github.io/#/vue-element-loading
使用步骤：
安装：
npm install vue-element-loading --save
安装结果
我的做法是将vue-element-loading的:active放在vuex中控制,因为这样可以少写点代码😵
import Vuex from 'vuex'
export default () => {
return new Vuex.Store({
state: {
count: 0, //应用初始化的数据
vueElementLoading: false
},
mutations: { //修改state的方法
updateCount(state, num) {
state.count = num
},
updateLoading(state, num) {
state.vueElementLoading = num
}
}
})
}
具体要加的代码我在下边图片标出来了，只需要在要加上loading的div块前面加上
<vue-element-loading :active="isActive" spinner="bar-fade-scale" color="#FF6700"/>
即可
1540353077.png
1540353086.png
1540353086(2).png
欢迎提问。
