欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

elementui的Loading组件的使用

程序员文章站 2022-06-07 22:42:49
...

elementui的Loading组件的使用

关于他的指令式

他的指令式v-loading在官网中只用在了table组件上,关于他用在其他组件或者标签的用法,我试用的时候是失败了的,如果兄弟能给我讲解一下,在下不胜感激。

服务方式

服务方式的使用也比较简单:

如果你是全局引用的elementui组件

当然可以直接使用全局的方法,vue中我们默认都是this.$xxx

this.$loading(options)

如果你是在组件中引用Loading

import { Loading } from 'element-ui';
......

//在需要调用时
let loadingInstance = Loading.service(options);
......
//在需要关闭时
loadingInstance.close();

关于他的options

参数 说明 类型 默认值
target Loading 需要覆盖的 DOM 节点。可传入一个 DOM 对象或字符串;若传入字符串,则会将其作为参数传入 document.querySelector以获取到对应 DOM 节点 object/string document.body
fullscreen 全屏与否 boolean true
lock 锁定屏幕的滚动 boolean false
text 加载时的文案 string -
spinner 加载图标类型 string -
background 遮罩背景色 String -

???? 这些在官方文档中都有,指定覆盖特定的DOM的时候,在DOM加载完成后使用Loading的服务方式。