如何在点击时更新Tinymce的内容

Question

我正在尝试构建一个用于编辑和合并文档的工具。我有带有文本和图像的模板，用户可以单击“按钮”在选择框上选择这些模板。

我能够在后端的每次单击事件上更新“内容”变量，但是问题是只有第一次单击会影响Tinymce的文本区域，而单击之后并不会反映到tinymce文本区域。 >

编辑器

 <editor
             v-model="content"
             :init="{
            ...
 }"
     >
     </editor>

按钮

      <button v-on:click.prevent="editDraft()" :disabled="loading" name="submitbtn" type="submit" id="suBbutton" class="btn btn-primary btn-block mt-3" style="background-color: #a6c307">Choose Draft</button>

功能

data() {
       return {

         content: '',
        ...

     }
     },
     methods: {
       async editDraft () {
         try {
           this.content += this.draftz.value;
           tinymce.activeEditor.setContent(this.content);


         } catch (e) {
           console.log('err', e)
         }
       },

提前感谢您的建议！