修改组件el-dialog点击取消数据无法销毁

当使用ElementUI的弹窗组件时,发现关闭弹窗后,之前在弹窗内的修改内容仍然存在,即使设置了`destroy-on-close`属性也无法正常销毁元素。为了解决这个问题,采取了添加`@open`事件监听器的方法,在弹窗打开时执行清理操作,确保内容不会在下次打开时保留。此解决方案成功解决了页面元素未被销毁的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 

修改弹窗点开,随意输入修改内容后,点击取消不刷新页面的情况下,再点开编辑弹窗,之前修改的内容还在,弹窗关闭的时候并不会销毁页面的元素

解决思路(不生效):elementui有 destroy-on-close 属性,但在本页面不生效,还需其他解决办法

 

解决方法:给el-dialog标签加一个@open事件,打开的回调

 

具体代码:

 问题解决

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值