橘猫敲代码 2023-02-02 19:55 采纳率: 65%
浏览 62
已结题

elementui弹窗叉号关闭不起作用

element ui的弹窗种 :before-close="cancel"❌关闭不起作用、

img

父组件有多个子组件,这些子组件都是弹窗。按往常写:before-close="cancel"关闭弹窗,cancel方法没有执行。弹窗无法关闭。
如果把 :visible="isolationVisible" 改成 :visible.sync="isolationVisible"弹窗可以关闭,但是再点击其他按钮,这个弹窗还会先弹出来,然后再执行你点的其他按钮的事件。不知道我这样描述大家能看明白吗、

  • 写回答

3条回答 默认 最新

  • 皮皮平 2023-02-03 11:00
    关注

    看文档是要加sync的,故此需要改成:visible.sync="isolationVisible"。按以下两个步骤排查看看:

    1. isolationVisible是否已在data中声明初始值

    2. 点击其他按钮的事件时,事件加上.stop阻止事件冒泡看看

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 2月15日
  • 已采纳回答 2月7日
  • 创建了问题 2月2日