最近在项目中遇到一个问题,在原有数据上实现“点击编辑按钮——>出现弹窗——>编辑表格数据”,我把弹窗里的表单写成子组件。这时就遇到一个问题,弹窗里的表单数据一直是第一次弹窗的数据,这说明尽管弹窗关闭,但子组件一直没有被销毁,所以当再次调用弹窗,还是调用第一次的组件。
解决办法:在el-dialog
里添加v-if="dialogVisible"
,如下图
当弹窗关闭时,dialogVisible为false,不满足条件,所以整个el-dialog
的DOM元素销毁,进而实现子组件的“销毁”