咨询电话:
15628812133
10
2023/06

解决Element UI中el-dialog打开一次后无法再次打开的问题

发布时间:2023-06-10 18:44:28
发布者:MaiMai
浏览量:
0

今天应用了element中的Dialog 对话框,按照官网的要求编辑如下:

image.png

然后给添加按钮添加click事件,改变dialogTableVisible的值,但是发现对话框只能打开一次,关闭后无法再次打开。

试了网上一些方法,如添加v-if条件判断,关闭的时候销毁这个弹窗,依然不能妥善解决。

最后得出解决办法,将el-dialog放入子组件中,编译如下:

父组件:

image.png

image.png

子组件:

image.png

这样在子组件中点击关闭后,向父组件发生关闭事件

image.png

父组件接收后改变dialogTableVisible的值

image.png

这样便可以解决无法再次打开的问题。


关键词:
返回列表