element的dialog关闭不正常的问题

2021-12-22  本文已影响0人  道行者

从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()
    }

就正常了。

上一篇下一篇

猜你喜欢

热点阅读