Vue文本编辑器无法与获取内容的计算属性一起使用

时间:2019-04-03 06:09:34

标签: vue.js computed-properties medium-editor

我有一个 Rich Text Editor (Vue2中型编辑器-https://github.com/tui2tone/vue2-medium-editor),它在通过计算属性提取内容时不能完全正常工作。 我说“完全”是因为它实际上是在拉内容,但是编辑器的功能(例如类切换图像大小或其他js交互)不起作用。

但是,如果我使用保存在data属性中的静态内容,则它可以正常工作。

这是一个奇怪的问题,我真的不知道该提供什么。

这是我计算得出的属性,用于提取内容:

computed: {
    singleEventEdit() {
        return this.$store.getters.getSingleEventEdit;
    }
},

这是我的编辑器组件,用于打印内容:

<medium-editor v-model="content" :options='options' :prefill="singleEventEdit.body" :onChange="onChange" />

正如我所说,内容被拉出,但是例如当我单击其中一张图像时出现错误。我没有得到调整图像大小的工具提示,而是得到:

Failed to execute 'getRangeAt' on 'Selection': 0 is not a valid index.

但是当我使用静态内容时,一切都很好。

所以我不认为这是编辑器的直接错误,而是更多由通过Vue和计算属性传递内容的方式引起的错误。我可能不知道编辑可能早晚希望内容。

那么,我还有其他技术或方法可以用来动态发送内容,以使编辑器不会生气吗?

任何想法都可以接受!

谢谢。

0 个答案:

没有答案