vuejs 的 toast-ui 编辑器中的 v-model

Question

toast-ui vue-editor doesn't support v-model to bind the value. What should be done to bind the input value while using toast-ui vue-editor? I have setup toast-ui:

import '@toast-ui/editor/dist/toastui-editor.css';
import { Editor } from '@toast-ui/vue-editor';
export default {
  components: {
    editor: Editor
  }
}

<editor
    :initialValue="form.explanation"
    height="500px"
    initialEditType="markdown"
    previewStyle="vertical"
    ref="toastuiEditor"
  />

I need to bind my form data and save it to database.

Answer 1

A simple and quick solution is to use

   @ change = "getHtml" 

in the data create

form: {
       text: ""
}

then create a method called

getHtml () {
  let html = this. $ refs.toastuiEditor.invoke ('getHtml');

  this.form.text= html;
} 

where form.text would be who would get the value of the editor

My mother tongue is not English so I apologize if I made a spelling mistake