v-for 循环对象的num属性
时间: 2023-07-26 22:40:17 浏览: 87
Shell编程-流程控制-for循环
如果你有一个包含多个对象的数组,每个对象都有一个 `num` 属性,你可以使用 Vue.js 中的 `v-for` 指令循环遍历数组中的对象,示例如下:
```
<div v-for="item in itemList" :key="item.id">
<span>{{ item.num }}</span>
<!-- 其他需要循环的内容 -->
</div>
```
在上述代码中,`v-for` 指令将循环遍历 `itemList` 数组中的每个对象,并将当前对象赋值给 `item` 变量。在循环体内,可以使用 `item.num` 访问当前对象的 `num` 属性的值,实现对每个对象的 `num` 属性进行遍历。
需要注意的是,`v-for` 循环中的每个元素需要设置一个唯一的 `key` 属性,以便 Vue.js 进行高效的渲染。上述代码中,我们使用了 `item.id` 作为 `key` 属性的值,你需要根据实际情况选择一个唯一的属性作为 `key`。
阅读全文