el-dialog 隐藏关闭
时间: 2023-07-08 22:44:07 浏览: 1090
【JavaScript源代码】element-ui 弹窗组件封装的步骤.docx
可以通过设置 el-dialog 的 visible 属性来隐藏或关闭对话框。将 visible 属性设置为 false 即可隐藏对话框,代码如下:
```
<el-dialog :visible="false">
<!-- 对话框内容 -->
</el-dialog>
```
如果需要通过代码来关闭对话框,可以使用 el-dialog 的 close 方法,代码如下:
```
<el-dialog ref="dialog">
<!-- 对话框内容 -->
</el-dialog>
<script>
methods: {
closeDialog() {
this.$refs.dialog.close();
}
}
</script>
```
阅读全文