第一种:数组
v-for="(item, index) in list"
| 属性 | 作用 |
| item | 取数组的每一项的对象; |
| index | 取数组的每一项的下标; |
html:
<div v-for="(item, index) in list" :key="index">
<span>名称:{{ item.text }}</span>
<span>属性值:{{ item.value }}</span>
<span>下标:{{ index }}</span>
</div>
js:
list: [
{ value: 1, text: "是" },
{ value: 2, text: "否" }
]
效果图:

第二种:对象
v-for="(value, key, index) in obj"
| 属性 | 作用 |
| value | 取对象的每一项的value; |
| key | 取对象的每一项的key; |
| index | 取对象的每一项的下标; |
html:
<div v-for="(value, key, index) in obj" :key="index">
<span>字段名:{{ key }}</span>
<span>属性值:{{ value }}</span>
<span>下标:{{ index }}</span>
</div>
js:
obj: {
"是": 1,
"否": 2
}
效果图:




















