在Vue中使用富文本组件

Question

所以我想使用文档中描述的富文本组件：

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>

现在在Page Reload上显示正确的HTML呈现但是在0.5s后它消失了，我在控制台中得到以下错误：

现在我不知道如何解决这些错误。特别是中间的2。

Answer 1

错误很可能被抛出，因为你传递的是缺少必要的names的Object。在传递之前尝试检查道具：

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

希望这可以帮助