第一种:数组
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
}
效果图: