Использование компонента Rich Text в Vue

Question

Поэтому я хочу использовать компонент Rich Text Component, как описано в Документах:

https://prismic.io/docs/vuejs/templating/rich-text

Так что мой HTML в той части, которая вызывает ошибку, выглядит так:

  <template v-if="slice.slice_type === 'text'">
    <div>
      <prismic-rich-text :field="slice.primary.text"/> 
    </div>
  </template>

Теперь на странице «Обновить» отображается правильный отображаемый HTML, но через 0,5 с он исчезает, и я получаю следующие ошибки в консоли:

Теперь я не знаю, как избавиться от этих ошибок.Особенно 2 в середине.

Answer 1

Скорее всего, ошибка возникла из-за того, что вы пропускаете необходимый объект names. Попробуйте проверить реквизиты, прежде чем передавать их:

  <template v-if="slice.slice_type === 'text'">
    <div v-if="slice.primary && slice.primary.text" >
      <prismic-rich-text :field="slice.primary.text"/> 
    </div>
  </template>

Надеюсь, это поможет