$loading 全局应用

最新推荐文章于 2023-12-21 21:57:53 发布

虚无——缥缈

最新推荐文章于 2023-12-21 21:57:53 发布

阅读量144

点赞数 1

文章标签：前端 javascript 开发语言 elementui vue.js

本文链接：https://blog.csdn.net/weixin_43640136/article/details/133640306

版权

以vue2为例
在data中定义,methods中调用代码如下

data: function () {
            return {
            	loadingOptions :{
                    lock: true,
                    text: '上传文件中',
                    background: 'rgba(255, 255, 255, 0.6)'
                },	
            }
} ,
methods: {
	// 开始遮罩
     handleOpenLoad:function(){
        this.$loading(self.loadingOptions)
     },
	// 关闭遮罩
     handleCloceLoad:function(){
        this.$loading().close()
     },
}