Текстовый редактор Vue не работает с вычисляемым свойством, получающим контент - PullRequest
Новая
       37

Текстовый редактор Vue не работает с вычисляемым свойством, получающим контент

0 голосов
/ 03 апреля 2019

У меня есть Rich Text Editor (Vue2 Medium Editor - https://github.com/tui2tone/vue2-medium-editor), который не полностью работает, когда дело доходит до извлечения контента через вычисляемое свойство. Я сказал «полностью», потому что он на самом деле извлекает контент, но функциональные возможности редактора, такие как переключение классов для изменения размера изображения или другие js-взаимодействия, не работают.

Однако, если я использую статический контент, сохраненный в свойстве данных, он будет работать правильно.

Это какая-то странная проблема, и я не знаю, что предоставить.

Это мое вычисленное свойство, которое извлекает содержимое: 

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 и вычисляемое свойство. Может быть, редактор ожидает контент раньше или позже, я бы не знал.

Так есть ли другой метод или метод, который я могу использовать для динамической доставки контента, чтобы редактор не выводил из себя?

Любая идея хорошо принята!

Заранее спасибо.

...