你可以在 v-for 中直接使用下标,怎末才能 把其中的index放在里面 cardList.data[index] 的方式来获取数据
时间: 2024-02-19 18:58:10 浏览: 106
vue.js指令v-for使用以及下标索引的获取
在 `v-for` 中,可以使用下标直接访问数组中的元素,无需使用 `cardList.data[index]` 的方式来获取数据。
例如,你可以按照下面的方式来渲染 `cardList.data` 数组中的元素:
```html
<div v-for="(item, index) in cardList.data" :key="item.id">
<card :data="cardList.data[index]"></card>
</div>
```
但是这种方式不太推荐,因为 `v-for` 已经提供了 `item` 和 `index` 两个参数,可以直接在模板中使用它们来获取数据和下标。因此,推荐的方式是直接使用 `item` 来访问数组元素:
```html
<div v-for="(item, index) in cardList.data" :key="item.id">
<card :data="item"></card>
</div>
```
在这个例子中,`item` 就是当前循环的元素,可以直接传递给子组件。
阅读全文