在Vue中使用RTF组件

Question

所以我想使用文档中所述的RTF组件：

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>

希望这会有所帮助