Javascript 无法检索TinyMCE'；从父组件中删除内容

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

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

v-model

，我就可以走了

因此，它“工作”，如中所示，我可以通过

v-model

设置一个值，TinyMCE将很好地显示它。但是，看起来我处于只写模式，因为我无法从中提取当前数据

我最初为Github问题创建了一个，您可以在这里看到它，这样您就可以很好地了解我所面临的问题。TinyMCE组件下有一个文本区域，它具有相同的v型，只需尝试使用它并查看其行为

如果我在TinyMCE组件中声明了一个v模型，那么一切都正常，我需要做什么 是否将我的值获取到父组件

---

提前感谢

您也需要在编辑器本身上使用

v-model

，否则它只接收父值，但无法更新。但是，您不能为此使用prop

值，因为props

在这里，使用带
v型的
是一个很好的解决方案：



保留
值
属性不变，并添加计算出的：

计算：{
型号：{
得到（）{
返回此.value；
},
设置（val）{
此.$emit（'input'，val）；
}
}
}

获取时，计算setter返回道具，但发射而不是设置它。
将编辑器包装到自定义组件中的原因是什么？您可以使用
$emit
将值发送到父组件，正如我在问题中所说的，这是出于可重用性/干式目的，我想要使用的配置比我提供的示例要复杂一些，我不想到处复制/粘贴它。你能举例说明我应该如何使用$emit吗？提前谢谢谢谢你的回答！但是，我仍然无法从父组件获取值，我是否也应该编辑父组件？没问题。在父级中唯一需要做的事情是使用起始值填充
someArticle
。如果你不能让它发挥作用，发布一个更新的沙盒，我会尝试看看你做错了什么。我用你的答案更新了我的代码沙盒，并为v型添加了一些默认文本，你可以检查你是否想要
Wysiwyg
模板仍在使用
：value
而不是
v型
，我忘了！非常感谢，它现在很有魅力！！