vue中使用this.$loading()给整个页面添加遮罩

804 阅读1分钟

官网介绍:如果完整引入了 Element,那么 Vue.prototype 上会有一个全局方法 loading,它的调用方式为:this.loading,它的调用方式为:this.loading(options),同样会返回一个 Loading 实例

方法:

this.$loading()
this.$loading().close()

以下为this.$loading对象属性作用

image.png

在向后台发起请求前调用this.loading(),在请求结束后调用 this.loading().close() ,如果不添加遮罩,就有可能向后台发送两次请求,如果是添加功能的话,则会添加两条相同的记录

以下为具体实例: image.png image.png image.png