如何仅从返回的对象vuejs中获取html

Question

我有一个 vue 项目需要 return 来自 Contentful 富文本字段的数据。数据被 returned 作为一个对象，有没有办法使用 v-html 指令来渲染这个数据？目前我能够渲染 html 但是它被包裹在括号中，如下图所示。

代码

  <div 
            v-if="testRich"

            class="mb4 testRich"

            v-html="testRich"
  />

Answer 1

如果您真的想要整个对象，一个选项是使用过滤器

Vue.filter('jsonPretty', (value)=>{
  return JSON.stringify(value,null,4)
})

然后用法：

<div>{{testRich | jsonPretty}}</div>

如果您只想要正确引用所需的值：

v-html="testRich.content[0].content[0].value"

How to get html only from returned object vuejs