解决组件 Angular tinymce-editor 第二次进入时（切换标签页），数据无法回显。

src/views/modules/heart/volunteerunion-add-or-update.vue

@@ -36,7 +36,7 @@
         <el-form-item prop="content"
                       label="联盟简介">
             <el-row style="height: 400px;">
-                <tinymce-editor v-model="dataForm.content"></tinymce-editor>
+                <tinymce-editor :init="init" :key="tinymceFlag" v-model="dataForm.content"></tinymce-editor>
             </el-row>
         </el-form-item>
       </el-form>
@@ -71,7 +71,8 @@ export default {
         headPic: ''
       },
       loading: false,
-      uploadUrl: ''
+      uploadUrl: '',
+      tinymceFlag: 1
     }
   },
   computed: {
@@ -98,6 +99,9 @@ export default {
       }
     }
   },
+  activated () {
+    this.tinymceFlag++
+  },
   components: {
     TinymceEditor
   },

src/views/modules/heart/volunteerunionact-add-or-update.vue

@@ -26,7 +26,7 @@
       </el-form-item>
           <el-form-item label="简介" prop="content">
           <el-row style="height: 400px;">
-              <tinymce-editor v-model="dataForm.content"></tinymce-editor>
+              <tinymce-editor :init="init" :key="tinymceFlag" v-model="dataForm.content"></tinymce-editor>
           </el-row>
       </el-form-item>
           <el-form-item label="精彩瞬间">
@@ -70,7 +70,8 @@ export default {
       },
       uploadUrl: '',
       imgSort: 0,
-      options: []
+      options: [],
+      tinymceFlag: 1
     }
   },
   computed: {
@@ -128,7 +129,6 @@ export default {
         if (this.dataForm.images.length > 0) {
           this.imgSort = this.dataForm.images[this.dataForm.images.length - 1].imgSort
         }
-        console.log('this.imgSort:' + this.imgSort)
       }).catch(() => {})
     },
     // 表单提交
@@ -173,6 +173,9 @@ export default {
       })
     }
   },
+  activated () {
+    this.tinymceFlag++
+  },
   components: {
     TinymceEditor
   }