elmentui v-loading不生效
时间: 2023-09-29 18:10:04 浏览: 253
根据提供的引用内容,elment-ui中的v-loading指令不生效的问题可能有以下几个原因:
1. 页面渲染问题:引用中提到页面没有渲染,这可能导致v-loading指令不起作用。请确保页面正确渲染,并且router-view组件正确加载。
2. 导入问题:确认已经正确导入element-ui的相关组件和样式。如果没有正确导入,v-loading指令可能不会起作用。
3. 绑定问题:确认v-loading指令是否正确应用到需要加载的元素上,比如el-table组件。请确保v-loading指令绑定的是一个Boolean值,并且该值能正确控制加载状态。
4. 位置问题:根据引用,v-loading默认情况下会在绑定元素的子节点插入遮罩。如果想要将遮罩插入到DOM的body上,可以在v-loading指令中添加body修饰符。请确认遮罩的位置是否正确。
综上所述,如果elment-ui的v-loading指令不生效,可以通过检查页面渲染、导入组件和样式、正确绑定指令以及确认遮罩位置等方面来解决问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [element-ui的Loading组件不渲染, 也不报错](https://blog.csdn.net/nhq2018/article/details/123546058)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [Loading 加载直到数据加载完再消失(vue-elementui)](https://blog.csdn.net/Amouzy/article/details/110819092)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文