关闭el-dialog遮罩层,数据请求后el-loading一直在加载
时间: 2023-07-28 09:23:52 浏览: 260
点击弹出div圆角的遮罩层,可关闭
4星 · 用户满意度95%
可以通过以下两种方式关闭el-dialog遮罩层:
1. 手动设置visible属性为false:
```html
<el-dialog :visible="dialogVisible" @close="dialogVisible=false">
<!-- 对话框内容 -->
</el-dialog>
```
在数据请求结束后,可以将dialogVisible属性设置为false,这样就可以关闭遮罩层。
2. 使用v-loading指令来控制el-dialog的loading状态:
```html
<el-dialog :visible="dialogVisible" :close-on-click-modal="false">
<div v-loading="loading">
<!-- 对话框内容 -->
</div>
</el-dialog>
```
在数据请求开始时,将loading属性设置为true,el-loading就会显示。当数据请求结束时,将loading属性设置为false,el-loading就会隐藏。
需要注意的是,如果使用v-loading指令来控制el-dialog的loading状态,需要将:close-on-click-modal属性设置为false,否则会在点击遮罩层时关闭el-dialog。
阅读全文