Question

HI正在尝试使用vue.js打印视图这是我的脚本：

<div v-for="(item, index) in siteObject.cases" :key="index" >
<b>{{ siteObject.cases[index].id_number }}</b>{{  siteObject.cases[index].child_cases }}
</div>

使用此脚本，我得到以下结果：

C34843161[ { "objid": 307273241, "title": "Release 17.4 // Testing // NOP TT", "s_title": "RELEASE 17.4 // TESTING // NOP TT", "id_number": "C34843164"}]

我想显示添加 id_number

这部分{{ siteObject.cases[index].id_number }}显示 C34843161 {{ siteObject.cases[index].id_number }}这部分显示如下：

<br>
[ { "objid": 307273241, "title": "Release 17.4 // Testing // NOP TT", "s_title": "RELEASE 17.4 // TESTING // NOP TT", "id_number": "C34843164"}] <br>

并且正在谈论id_number这部分

Answer 1

使用以下代码

<div v-for="(item, index) in siteObject.cases" :key="index" >
   <b>{{ item.id_number }}</b>
   {{ item.child_cases.length == 0 ? "" : item.child_cases[0].id_number }}
</div>

我如何使用v-for用vue.js获取数组

1 个答案: