这是一个Vue+element ui的后台管理项目。如上图所示这里有一个修改的对话框里边是表单和ckeditor5富文本编辑器，点击第一个更新按钮打开对话框后，表单和编辑器获取并显示当前可以修改的内容。但是当我关闭对话框再次点击其他更新按钮的时候打开的编辑器内容都是第一次打开对话框中编辑器的内容，除非我手动刷新一下浏览器。很显然在对话框关闭的监听事件中没有对富文本编辑器的内容进行清除更新才造成了这种现象。我用的是ckeditor5富文本编辑器封装的组件，试了很多方法都没办法把富文本编辑器中的内容清除更新，最后没办法只能另辟蹊径对el-dialog对话框做处理。如下图代码：

我在el-dialog中加入了v-if="editDialogVisible"绑定的是控制对话框显示隐藏的字段，editDialogVisible在data中定义为false，这样就使得对话框在关闭时被销毁再点开时又被重新渲染包括里边的数据。element ui中也有destroy-on-close销毁对话框的方法，但不知为何我试了对我的编辑器没用。虽然用v-if能达到我想要的效果（如果不考虑性能的话）。但v-if不是最优的办法，还是要对ckeditor5富文本编辑器的内容做清空刷新。