关闭el-dialog时销毁内部组件

给el-dialog设置destroy-on-close 属性后,如下所示:

 

1     <el-dialog :title="title" :visible.sync="attachmentopen" width="700px" v-if="attachmentopen" :before-close="closeFileDialog" destroy-on-close append-to-body>
2        <attachment :file-size="2" :file-type="['png', 'jpg', 'jpeg']"></attachment>
3     </el-dialog>

如果不加destroy-on-close属性,当第一次打开该dialog时,我们可以从组件attachment的created中打印出一句话,关闭该dialog后,第二次打开时,就不会再打印该信息,证明对话框关闭后,内部组件依然存在,但是当加上destroy-on-close后,每次打开该对话框都会出现打印信息

posted @ 2022-04-30 21:42  疯狗强尼  阅读(3251)  评论(0编辑  收藏  举报