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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM