elementUI的loading组件
这个elementUI官网上对Loading组件的描述:https://element.eleme.cn/#/zh-CN/component/loading
一般情况下,使用loading组件都需要引入Loading服务,即import { Loading } from 'element-ui',使用的时候就直接调用Loading.service(options),然后会返回一个 Loading 实例,关闭时就调用该实例的close()方法。
举个例子:const Loading = Loading.service(options);关闭:Loading.close();
但是也存在这样一种情况:即elementUI是通过<script>方式引入的,这样的话 Vue.prototype 上会有一个全局方法 $loading,但是不论哪种情况,都需要创建Loading实例,这样有利于调用loading实例的close()方法。
//开始加载loading
startLoading(){
this.Loading = this.$loading({
spinner:"",//自定义加载图标类名
text:"正在加载中...",//显示在加载图标下方的加载文案
background:"rgba(0, 0, 0, 0.3)",//遮罩背景色
})
},
//关闭
this.Loading.close();