要实现的功能是三种语言(英文,繁体中文,简体中文)切换,原来是用tinymce-vue 和element做的,大概是这样,el-dialog弹窗里面用el-tab包含三个tinymce,但是中途发现很多问题:
1.el-dialog弹窗,el-tab遍历出来三个tab切换,使用tinymce.init().thne()写法,三个tingmce都是显示最后一个then()的简体中文
2.以为是遍历的tinymce问题,后来写死不遍历,只要把外面的删掉了,里面的就不行,就算外面的保留了,但是第一个没有初始化,第二个第三个可以
3.后来在el-tab外面写死三个不同语言的tinymce富文本,外面写死的可以,但是el-tab第一个没初始化,第二第三个没问题
总结一下问题,tinymce-vue有问题,el-tab组件有问题,el-dialog有问题。
最后我是这样做的:
舍弃tinymce-vue,直接使用tinymce,并且每次点击弹出el-dialog时,我都初始化一次:
<el-dialog>
<el-button @click="langChange('en')">en</el-button>
<el-button @click="langChange('tw')">tw</el-button>
<el-button @click="langChange('cn')">cn</el-button>
<div v-show="type === 'en'" class=</