原文:el-dialog中设置了destroy-on-close属性为true,dom依旧未被销毁的两种解决方案

今天后台给我提了个bug,页面中是一个列表,点击子项会弹一个对话框,在el dialog中嵌套了el table,滚动对话框中的列表的时候,关闭对话框后后,点击别的子项的时候上一次的滚动条位置被记录了。 当时想的是 把对象框重新渲染一下就行了,打开element文档果然有一个destroy on close属性设置为true,怎么都不生效。查阅了文档GitHub issure,貌似这个是一个bug ...

2021-01-26 16:30 2 3650 推荐指数:

查看详情

element-uiel-dialog组件之destroy-on-close属性

一. :destroy-on-close="true"的场景 有一场景是我们有一个新建按钮,要求每次我们重新打开el-dialog都是干净的内容,所以我们每次点击按钮可能会用以下几种办法。 (1) 对使用的data数据进行重置 (2) 直接对包裹内容区域的dom(组件)使用v-if,销毁 ...

Mon Nov 29 07:36:00 CST 2021 0 3104
element 在Dialog组件中使用destroy-on-close属性与v-if的区别

使用v-if: 在v-if为false,也就是关闭弹框时即销毁Dialog的内容,在下次显示时再重新加载 使用destroy-on-close: 官方文档属性默认为false,所以需要的话给他赋值为true就好。 不过我在使用过程中发现,此属性其实是在关闭弹框时 ...

Thu Dec 24 18:12:00 CST 2020 0 5412
vue之elementel-dialog关闭相关属性

el-dialog中加入这俩属性: :close-on-press-escape="false" :close-on-click-modal="false" 效果:键盘按Esc键,或者鼠标点击dialog外面, dialog都不会关闭了。 PS ...

Sat Jun 29 07:41:00 CST 2019 0 3636
el-dialog“闪动”解决办法

问题描述:el-dialog关闭的时候总是出现次弹窗 代码实践:在el-dialog上添加上一个v-if,值就是用闭窗的值,促使闭窗的时候就直接销毁窗口,这样就不可能再有弹出窗口事件了 分析:既然是el-dialog产生的那就直接杀掉el-dialog ...

Fri Jun 12 19:01:00 CST 2020 0 974
如何清除el-dialog的表单验证

经常我们使用element-uiel-dialog组件,在组件中使用表单,没有打开弹窗都要把之前的表单验证清除掉,那么如何处理呢? 需要在组件打开的时候使用组件的 clearValidate 方法 说明:代码的 showFlag 表示控制弹窗的显示和隐藏 ...

Thu Jun 20 23:50:00 CST 2019 0 1245
vue弹窗屏蔽滑动的两种解决方案

原文:https://www.jianshu.com/p/79d02fc22f8b 序   在开发过程,我们经常会遇到要加弹窗的需求,而如果当前页的展示数据一屏展示不完,则在打开弹窗后,有滑动操作时,页面也会随之滑动。那么如何处理这一问题呢? 常见问题 ...

Sat May 09 01:59:00 CST 2020 1 1268
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM