无法从父组件检索 TinyMCE 的内容

Question

我已经在他们的 Github 上问过这个问题，但到目前为止还没有答案，所以我在这里试试运气。

我正在创建一个包含 TinyMCE 作为组件的表单；我的目标是能够在整个网站中使用和重用这个组件作为主要的所见即所得。我导入它，给它一个 v-model 就可以了。

所以，它“有效”，因为我可以通过和 v-model 设置一个值 ，TinyMCE 会很好地显示它。但是，看起来我处于只写模式，因为我无法从中提取当前数据。

我最初为 Github 问题创建了一个 example，你可以在这里看到它，以便你对我面临的问题有一个很好的了解。 TinyMCE 组件下有一个 textarea 具有相同的 v-model，只需尝试使用它并查看行为。

如果我在 TinyMCE 组件中声明一个 v-model 一切正常，我需要做什么获取父组件的值？

提前致谢

Answer 1

您也需要在编辑器本身上使用 v-model，否则它只会接收父值但无法更新它。但是，你不能为此使用道具 value 因为道具 can't be mutated.

在这里使用 computed setter 和 v-model 是一个很好的解决方案：

<editor
  api-key="qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc"
  v-model="model"
></editor>

保留 value 属性并添加计算：

computed: {
  model: {
    get() {
      return this.value;
    },
    set(val) {
      this.$emit('input', val);
    }
  }
}

计算setter returns获取时的道具，但发出而不是设置它。

无法从父组件检索 TinyMCE 的内容

Unable to retrieve TinyMCE's content from a parent component

javascript

tinymce

vue.js