美文网首页
element的dialog关闭不正常的问题

element的dialog关闭不正常的问题

作者: 道行者 | 来源:发表于2021-12-22 10:29 被阅读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()
        }
    

    就正常了。

    相关文章

      网友评论

          本文标题:element的dialog关闭不正常的问题

          本文链接:https://www.haomeiwen.com/subject/nokqqrtx.html