两种使用方式
1.直接在标签上使用
<div v-loading.fullscreen.lock="loading" element-loading-text="加载中......" element-loading-spinner="el-icon-loading " element-loading-background="#fff">
指令 v-loading.fullscreen.lock
当使用指令方式时,全屏遮罩需要添加fullscreen修饰符
(遮罩会插入至 body
上)
此时若需要锁定屏幕的滚动
,可以使用lock修饰符
2.在js中使用
var loadingLoad = Loading.service({text: "加载中......",spinner: "el-icon-loading",background: "#fff",target: document.querySelector('.module_content')});
loadingLoad.close();
自定义loading
element-loading-text
渲染为加载文案
element-loading-spinner
设定图标类名
element-loading-background
背景色值
target: document.querySelector('.类名') 设置作用的区域