Как обновить содержимое Tinymce на клике

Question

Я пытаюсь создать инструмент для редактирования и объединения документации.У меня есть шаблон с текстами и изображениями, и пользователи могут выбирать эти шаблоны в полях выбора, нажимая «кнопку».

Я могу обновлять переменную "content" при каждом событии щелчка на бэкенде, но проблема только в том, что первый щелчок влияет на текстовую область 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)
         }
       },

Заранее благодарим за ваши предложения!