這個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();