【vue】 Tinymce 数据 回显问题 | 第一次正常回显后面,显示空白bug不能编辑

Tinymce 数据 回显问题 | 第一次正常回显后面,显示空白bug不能编辑

前端项目框架vue2 ,使用富文本编辑器 tinymce ,在el-dialog回显tinymce数据时第一次是正常回显也可以编辑,但是dialog关闭后 再次点击 tinymce就是空白一片,也无法编辑(如下图)
【vue】 Tinymce 数据 回显问题 | 第一次正常回显后面,显示空白bug不能编辑_第1张图片
看了一下其他人的解释,大概是说 富文本没有销毁

解决方法

【vue】 Tinymce 数据 回显问题 | 第一次正常回显后面,显示空白bug不能编辑_第2张图片

可以看到这里dialog 是否显示绑定的是open,给tinymce加个v-if 也绑定open,让富文本和dialog一同渲染

【vue】 Tinymce 数据 回显问题 | 第一次正常回显后面,显示空白bug不能编辑_第3张图片

后续,富文本就是正常回显与编辑了

下班~

你可能感兴趣的:(vue.js,bug,前端)