Как правильно отображать значение modelValue в EditorJs при использовании Nuxt3 на сервере?

  • 12 сентября 2023 г. 9:46
Ответы на вопрос 1
Для правильного отображения значения `modelValue` в EditorJs при использовании Nuxt3 на сервере, вам необходимо установить значение `modelValue` в компоненте `EditorJs.client.vue` при монтировании компонента.

Вам нужно сделать следующее:

1. Импортировать компонент `EditorJs`:

```javascript
import { Editor } from 'editorjs';
```

2. В `mounted()` хуке компонента `EditorJs` присвойте значение `modelValue` для инициализации редактора:

```javascript
export default {
  mounted() {
    const editor = new Editor({
      // ваша конфигурация редактора
      data: this.modelValue,
    });

    // ваш код для работы с редактором
  },
  // остальной код компонента
}
```

Теперь значение `modelValue` будет отображаться при открытии редактора в компоненте `EditorJs.client.vue`.

**Примечание:** В `EditorJs.client.vue` используйте хук `mounted()`, чтобы убедиться, что код будет выполняться только на клиентской стороне, так как на сервере `modelValue` может быть недоступен.
Похожие вопросы