vue modal下tinymce 二次渲染失败

news/2024/7/10 1:33:40 标签: vue, node.js

vue modal 标签下
form表单子项tinymce 富文本编辑器
第一次打开页面渲染成功,关闭后之后相关页面打开都渲染失败,富文本编辑器渲染成了底层的textarea标签

因为项目某一模块也引用了tinymce,并且也在modal下的form表单,但是功能正常。
相对比,不成功的模块只是外层多了个tab

尝试的方法

  • tinymce 绑定一个自增的key (失败)
  • 尝试去掉tab(失败)
  • 尝试在渲染页面时动态给一个key/id (失败)
  • 尝试在页面关闭时手动销毁相关组件(失败)
  • 尝试修改相关组件的版本(失败)
  • 尝试重新自定义额外的组件(失败)

无奈在github上面的tinymce vue的项目
下翻issues
找到
keep-alive valid的一些描述

最后做了一下尝试:添加了keep-alive

结果成功。

但是还是不大理解。。为什么在没有添加keep-alive之前有模块的功能是完全正常的,而有的不可以

留一个记录!


http://www.niftyadmin.cn/n/779701.html

相关文章

几种分布式锁的实现方式记录

基于数据库的分布式锁 A:基于表记录(唯一索引确保业务锁唯一) 创建一张表,基于表中的数据实现是否获取/释放锁。 获取锁则往表中插入特定的数据,释放则删除 优点:简单 缺点: 1.锁不存在过期时间&#xff0c…

6种负载均衡算法

1、轮询法   将请求按顺序轮流地分配到后端服务器上,它均衡地对待后端的每一台服务器,而不关心服务器实际的连接数和当前的系统负载。 2、随机法 通过系统的随机算法,根据后端服务器的列表大小值来随机选取其中的一台服务器进行访问。由概…

锁优化

无锁编程 CAS:先比较后设置,容易产生ABA问题,多线程下自旋浪费资源。 jdk中提供原子操作类AtomicBoolean AtomicInteger AtomicLong jdk1.8 优化:LongAdder 在CAS的基础上额外增加了分段锁volatile:共享内存变量&…

mac vim无法wq保存

最近在搭建docker rocketmq的本地环境时候遇到 vim conf文件编辑后无法用wq保存返回,只能q!放弃保存并返回的问题,总结一下解决经过 编辑的内容可能存在非法字符,vim下看不出来 可以通过open 指令用默认的文件查看打开,看是否存在…

记录 springboot 多数据源下 mybatis-plus ipage的坑

ipage 查询报错,显示错误信息底层为selectone查询 解决: 网上解决方案大多是 page参数没有放在参数第一位(不行)自查发现在配置多数据源的时候SqlSessionFactoryBean初始化用的是SqlSessionFactoryBean,切换为Mybatis…

记录 时间2021-11-08T06:52:58.000+0000类型格式化

解决方案DateUtil.parse(obj.toString(), “yyyy-MM-dd’T’HH:mm:ss.SSS’SSSS”)核心是格式化pattern需要符合格式,可以直接格式化为date类型

小程序开发手机端预览缺少页面组件怎么回事

前几天在学习微信小程序发现了一个非代码错误的问题&#xff1a; 上代码 <!--wxml--> <camera classcamera-cls><cover-view classcv-cls>请将汽车车身置于取景框内哦~</cover-view><cover-image srccarBackground.png classcb-cls></cover…

小程序css中border-style设定开发端与真机预览显示效果不一致?

引言 我又又又遇到了这个问题…小程序中设定的css样式开发端与真机显示的效果不一样&#xff0c;在小白眼里这样很崩溃的 QAQ&#xff0c;于是我又又又请教了资深的大佬&#xff0c;在这里尤其感谢小程序开放社区undefined用户&#xff0c;为我结决了困扰。&#xff01;&#…