问题:有的数据在打开添加的弹窗后,之前编辑内容里的数组还会存在
方案一、解决:加上v-if="diglogShow"就可以让页面在弹出框关闭的时候销毁弹出框,从而清理弹窗里的数据。
<el-dialog title="我是标题" top="8vh" :visible.sync="dialogShow" v-if="dialogShow" width="60%"> </el-dialog>
方案二、解决:在需要处理掉的数据上加 :key=“timer”。
然后在显示此el-dialog对话框的时候,给timer日期赋值:this.timer = new Date().getTime();
<el-dialog title="我是标题" top="8vh" :visible.sync="dialogShow" v-if="dialogShow" width="60%"> <el-form :model="staffForm" ref="staffForm" label-width="8vw"> <el-form-item label="上传产品说明" prop="describe" class="margin-top20" :key="timer"> <tinymce v-model="staffForm.describe" :height="300" /> </el-form-item> </el-form> </el-dialog> addCourseClick() { this.dialogShow = true; this.timer = new Date().getTime(); },