element ui loding 遮盖了全局
时间: 2023-08-17 13:10:44 浏览: 106
Element UI的loading组件可以通过添加v-loading指令来实现遮盖全局的效果。在使用指令方式时,可以通过添加fullscreen修饰符来将遮罩设置为全屏,同时可以使用lock修饰符来锁定屏幕。例如,可以在一个div元素上添加v-loading.fullscreen.lock="true"来实现全屏遮罩效果。\[1\]
另外,如果完整引入了Element UI,可以通过Vue.prototype上的全局方法loading来调用loading组件。调用方式为this.$loading(options),并且会返回一个Loading实例。\[2\]
在绑定了v-loading指令的元素上,可以通过添加element-loading-text属性来设置加载文案,该值会被渲染并显示在加载图标的下方。类似地,可以使用element-loading-spinner属性来设定加载图标的类名,使用element-loading-background属性来设置背景色值。\[3\]
#### 引用[.reference_title]
- *1* *2* *3* [v-loading使用(来自官网介绍)](https://blog.csdn.net/sherpan/article/details/97935370)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文