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

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

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

前端项目框架vue2 ,使用富文本编辑器 tinymce ,在el-dialog回显tinymce数据时第一次是正常回显也可以编辑,但是dialog关闭后 再次点击 tinymce就是空白一片,也无法编辑(如下图)

看了一下其他人的解释,大概是说 富文本没有销毁

解决方法

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

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

下班~

目录
相关文章
|
10月前
|
缓存 JavaScript
vue中的keep-alive问题(2)
vue中的keep-alive问题(2)
683 137
|
11月前
|
JavaScript
Vue中如何实现兄弟组件之间的通信
在Vue中,兄弟组件可通过父组件中转、事件总线、Vuex/Pinia或provide/inject实现通信。小型项目推荐父组件中转或事件总线,大型项目建议使用Pinia等状态管理工具,确保数据流清晰可控,避免内存泄漏。
811 2
|
JavaScript 安全
在 Vue 中,如何在回调函数中正确使用 this?
在 Vue 中,如何在回调函数中正确使用 this?
608 0
|
JavaScript 测试技术 容器
Vue2+VueRouter2+webpack 构建项目
1). 安装Node环境和npm包管理工具 检测版本 node -v npm -v 图1.png 2). 安装vue-cli(vue脚手架) npm install -g vue-cli --registry=https://registry.
1398 0
|
JavaScript
【vue】el-dialog 内的tinymce弹窗被遮挡的解决办法 及 tinymce打开弹出菜单后直接关闭对话组件,导致该弹出菜单残留
【vue】el-dialog 内的tinymce弹窗被遮挡的解决办法 及 tinymce打开弹出菜单后直接关闭对话组件,导致该弹出菜单残留
1300 6
Echarts实战案例代码(41):自定义map背景图片
Echarts实战案例代码(41):自定义map背景图片
1971 0
|
定位技术 数据格式
Echarts实战案例代码(59):geomap实现飞线、散点、引导线以及重叠label的解决
Echarts实战案例代码(59):geomap实现飞线、散点、引导线以及重叠label的解决
2411 0
|
JavaScript 测试技术 API
如何从 Vue 2 无痛升级到 Vue 3,一文搞定!
如何从 Vue 2 无痛升级到 Vue 3,一文搞定!
14014 8
|
8月前
|
数据采集 存储 人工智能
什么是数据治理?企业建设数据治理系统费用全攻略(2025年12月更新)
在数字经济时代,数据治理已成为企业释放数据价值的核心战略。本文深入解析数据治理内涵,聚焦成本、选型与实施路径,对比瓴羊Dataphin、字节Dataleap等主流平台能力,提供2025年最新费用参考与落地建议,助力企业科学决策,实现数据资产化与智能化升级。(238字)
什么是数据治理?企业建设数据治理系统费用全攻略(2025年12月更新)