如果问题依旧存在,可以考虑使用 v-if 指令或 key 属性来控制 el-dialog 的渲染和销毁。这种方法可以更彻底地销毁和重建 el-dialog 及其内部内容。 通过以上步骤,你应该能够诊断并解决 el-dialog 的destroy-on-close 属性无效的问题。如果问题依旧存在,可能需要更深入地检查你的代码或寻求 Element UI 社区的帮助。
一. :destroy-on-close="true"的场景 有一种场景是我们有一个新建按钮,要求每次我们重新打开el-dialog都是干净的内容,所以我们每次点击按钮可能会用以下几种办法。 (1) 对使用的data数据进行重置 (2) 直接对包裹内容区域的dom(组件)使用v-if,销毁/重建dom节点(组件) (3) 使用:destroy-on-close="true", ...
<el-dialogdestroy-on-closev-model="insertVisible" title="知识库" width="70%" @close="closeVisible">
el-dialog destroy-on-close的坑(关闭弹窗时触发了子组件的mounted),程序员大本营,技术文章内容聚合第一站。
element-ui中 el-dialog组件之 destroy-on-close属性 一. :destroy-on-close="true"的场景 有一种场景是我们有一个新建按钮,要求每次我们重新打开el-dialog都是干净的内容,所以我们每次点击按钮可能会用以下几种办法。 (1) 对使用的data数据进行重置 (2) 直接对包裹内容区域的dom(组件)使用v-if,销毁/重建dom...
el-dialog 参数 destroy-on-close,可以刷新里边的子元素 如果套用el-form,需要换成v-if="visible",...
简介: Vue:elementUI el-dialog组件destroy-on-close套用el-form el-dialog 参数 destroy-on-close,可以刷新里边的子元素 如果套用el-form,需要换成v-if="visible", 关闭对话框就销毁,打开对话框就重建表单,可以触发表单的created事件 参考 element destroy-on-close属性使用踩坑文章标签: JavaScript 关键词: ...
destroy-on-close本身貌似也存在一些问题,不是真正的销毁。 最后找到了答案: <el-dialog class="tower" title="杆塔列表" :visible.sync="openTowerWindow" v-if="openTowerWindow" width="648px" :before-close="handleCloseTower" :append-to-body="true" v-dialogDrag > 在:visible.sync设置了的同时,也...
接着想到了关闭框的时候销毁对象,查找官方文档,发现了个属性:destroy-on-close,文档中定义是:关闭时销毁 Dialog 中的元素,boolean类型,默认是flase,于是我将值改成了true,发现还是不行。 从网上查了下,有人说用v-if,我加上了,还是不行~ 后来同事用了个时间戳的方式,终于给解决了。
destroy-on-close :close-on-click-modal="false" :modal-orgend-to-body="false" :append-to-body="true" :before-close="handleClose" > <divclass="dialog-box"> <divclass="search-box"> <el-select placeholder="请选择产品分类" class="select-product-class" ...