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

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日

悬赏问题

  • ¥15 w10部分软件不能联网
  • ¥15 关于安装hbase的问题(操作系统-windows)
  • ¥15 cadence617版本,如何做一个参数可调的反相器
  • ¥15 novnc连接pve虚拟机报错安全协议不支持262
  • ¥15 设备精度0.03给多少公差能达到CPK1.33
  • ¥15 qt+ffmpeg报错non-existing PPS 0 referenced
  • ¥15 FOC simulink
  • ¥50 MacOS 使用虚拟机安装k8s
  • ¥20 玩游戏gpu和cpu利用率特别低,玩游戏卡顿
  • ¥25 oracle中的正则匹配