elementui的Loading组件的使用
程序员文章站
2022-06-07 22:42:49
...
关于他的指令式
他的指令式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的服务方式。
上一篇: js/jq动态创建表格的行与列
下一篇: invalid argument “xx:v1.0“ for t: Error parsing reference: “xx:v1.0“is not a valid repository/tag: r
推荐阅读