从vue2和element-ui迁移到vue3和element-plus后，发现有些dialog，点击右上角的叉号关闭后，不能再次打开，但有些dialog就没有问题，比较了一下这些dialog的使用方式，没有找出原因。想想可能是dialog的visible值不正常，关闭后仍然是true，所以再次打开（将visible设置为true）时，没有触发相应动作。据此找到了一个解决办法，就是：对这些不能正常关闭的dialog加一个关闭前的处理：
:before-close="handleClose"
在处理方法中将visible的值设置为false：
handleClose(done) {
this.visible = false
done()
}
就正常了。
从vue2和element-ui迁移到vue3和element-plus后，发现有些dialog，点击右上角的叉号...
1. 问题描述 在使用element-ui时，如果el-dialog中嵌套了el-tabs，当关闭dialog时，...
Vue项目中，使用Element-UI Dialog对话框组件，关闭弹框时弹出如下警告： 意思是子组件dialog...
problem：在element ui的dialog弹框中使用了video元素，关闭弹框时，发现视频还在播放，有声...
element dialog对话框关闭后需要清除from表单的数据和校验，可以使用以下方法 方法：
问题：dialog设置setCanCelable(false)无效（即：点击返回键会关闭Dialog）解决方案：设...
1.el-dialog 组件 el-dialog 是element的弹出对话框组件，项目中用的element组件库...
dialog使用时需要注意的问题： 在Activity关闭前一定要先把dialog给dismiss掉，否则会报错，...
测试提交某个dialog没显示的问题，因为做的dialog是屏蔽了home键的，然后不可关闭，所以，除非自己点确定...
问题 在Element UI的Dialog中使用vue-baidu-map，可能你会发现一个问题： 鼠标点击地图，...
本文标题：element的dialog关闭不正常的问题
本文链接：https://www.haomeiwen.com/subject/nokqqrtx.html
网友评论