方法中: this.loading=true//打开this.loading=false//关闭 注意:该方法要在已经导入element的情况下使用
startLoading()和endLoading()就是调用 element 的 loading 方法。 import { Loading }from'element-ui'let loadingfunctionstartLoading(){ loading = Loading.service({lock:true,text:'加载中……',background:'rgba(0, 0, 0, 0.7)'}) }functionendLoading(){ loading.close() } AI代码助手复制代码 到...
import Loading from './loading.vue'; import { addClass, removeClass, getStyle } from 'element-ui/src/utils/dom'; import { PopupManager } from 'element-ui/src/utils/popup'; import afterLeave from 'element-ui/src/utils/after-leave'; const Mask = Vue.extend(Loading); // Mask 是一个虚...
this.loading=true//打开 this.loading=false//关闭 1. 2. 注意:该方法要在已经导入element的情况下使用
首先,请求开始的时候开始 loading, 然后在请求返回后结束 loading。重点就是要拦截请求和响应。 然后,要解决多个请求合并为一次 loading。 最后,调用element 的 loading 组件即可。 拦截请求和响应 axios 的基本使用方法不赘述。笔者在项目中使用 axios 是以创建实例的方式。