如何仅从返回的对象Vue.js中获取HTML
肖恩
我有一个vue项目，该项目需要从Contentful中的富文本字段返回数据。数据作为对象返回，是否可以使用v-html指令呈现此数据？目前，我能够渲染html，但是将其包裹在方括号中，如下图所示。
码
<div
v-if="testRich"
class="mb4 testRich"
v-html="testRich"
/>
去皮
一种选择是使用过滤器，如果您实际上想要整个对象
Vue.filter('jsonPretty', (value)=>{
return JSON.stringify(value,null,4)
})
然后用法：
<div>{{testRich | jsonPretty}}</div>
如果只需要该值，则需要正确地引用它：
v-html="testRich.content[0].content[0].value"
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
Vue.js：如何仅从Vuex存储对象提交特定的表单属性
- 2
如何仅从RestSharp获取JSON对象的列表？
- 3
仅从Javascript中的对象数组返回某些属性
- 4
如何在Vue.js方法中从数组获取对象
- 5
如何在node.js中获取HTML页面语言？
- 6
如何在 HTML JS 中获取外部文本
- 7
如何使用 HTML 获取用户输入以在 JS 中处理？
- 8
mongodb如何仅从查找查询中返回值列表
- 9
mongodb如何仅从查找查询中返回值列表
- 10
如何仅从vue js html中的日期中提取年份并仅打印那一年？
- 11
如何仅从文本文件中的对象数组中获取特定字段
- 12
在Vue JS中获取数据属性作为对象：即使使用JSON.stringify也返回[object object]
- 13
如何在Vue.js中获取组件的已编译html内容
- 14
Axios Vue Js：如何获取此对象的值以在api中显示获取请求网址
- 15
如何仅从对象数组中获取没有列名和方括号的值？
- 16
如何仅从html标签获取文本
- 17
仅从jquery中的内部html获取函数
- 18
如何在JS对象中获取价值？
- 19
如何从js中的对象获取值？
- 20
如何从js数组中获取json对象
- 21
如何获取原点返回的对象
- 22
如何仅从声明中获取价值？
- 23
如何仅从 firebase 中的键值对获取键？
- 24
如何在Vue.js的嵌套数组中获取正确的对象？
- 25
如何在Vue.js中从URL（图像）获取文件类型对象
- 26
如何从HTML中的元素内部获取值并将其设置为JS中的变量
- 27
如何从angular Js的html中的单选按钮中获取选定的值
- 28
Python：如何仅从一个函数（使用asyncio.gather执行的多个函数）中获取返回值
- 29
如何获取riak-js返回走过的对象？
我来说两句