从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()
}
就正常了。
网友评论