关于子组件作为弹窗无法被销毁的解决办法(实习)

187 阅读1分钟

最近在项目中遇到一个问题,在原有数据上实现“点击编辑按钮——>出现弹窗——>编辑表格数据”,我把弹窗里的表单写成子组件。这时就遇到一个问题,弹窗里的表单数据一直是第一次弹窗的数据,这说明尽管弹窗关闭,但子组件一直没有被销毁,所以当再次调用弹窗,还是调用第一次的组件。

解决办法:在el-dialog里添加v-if="dialogVisible",如下图

image.png

当弹窗关闭时,dialogVisible为false,不满足条件,所以整个el-dialog的DOM元素销毁,进而实现子组件的“销毁”