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

posted @ 2020-04-15 19:51  翠瓜瓜  阅读(5300)  评论(0编辑  收藏  举报