需求是有多个tab切换，每个tab中都有一个编辑器，且需要用keep-alive动态组件如下：
<keep-alive>
<component v-bind:is="viewName" ref="tabclick" ></component>
</keep-alive>
//viewName对应几个不同的tab组件名字
如果正常写会发现在切换tab的时候keep-alive起作用了，但是编辑器却消失了。
所以，给编辑器加上一个动态的key值，:key="tinymceFlag"
<Tinymce ref="editor" :key="tinymceFlag" class="editor-content" v-model="addForm.content" />
然后初始化时tinymceFlag为1
1.png
然后在有编辑器的那个组件里边的activated中动态改变tinymceFlag。
activated(){
this.tinymceFlag++
}
这样就可以了。如图：
3.png
2.png
需求是有多个tab切换，每个tab中都有一个编辑器，且需要用keep-alive动态组件如下： 如果正常写会发现在...
环境：VUE2.x + Tinymce + Tinymce-Vue + element 安装tinymce-vue...
HTTP keep-alive 项目中使用axios开启 Http Keep-Alive Vue keep-al...
1 TinyMCE npm install tinymce @tinymce/tinymce-vue -Simpo...
tinymce对于vue提供一个tinymce组件 @tinymce/tinymce-vue 呈现效果 1.先把t...
使用
vue项目中，正常情况下，我们在生命周期destroyed中关闭即可，一旦页面中使用了keep-alive进行缓存...
在 Vue 项目中引入 tinymce 富文本编辑器 base64上传图片 webpack中使用ECharts文档...
前言：文章参考自：在 Vue 项目中引入 tinymce 富文本编辑器 - Wise.Wrong - 博客园， 作...
vue使用tinymce上传视频后占位符显示img、视频不能编辑也不能删除问题解决 问题：昨天使用tinymce里...
本文标题：解决tinymce在vue项目中keep-alive的情况下会消
本文链接：https://www.haomeiwen.com/subject/fvyrictx.html
网友评论