vue3 下标拿到了 如何在v-for 渲染时给到下标 v-for="(item, index) in cardList.data[index]card 这中index如何给进行
时间: 2024-02-19 07:58:09 浏览: 115
vue中使用v-for时为什么不能用index作为key
5星 · 资源好评率100%
在 Vue3 中,你可以在 `v-for` 中直接使用下标,不需要再通过 `cardList.data[index]` 的方式来获取数据。
如果你需要在渲染时将下标传递给子组件,可以将下标作为属性传递给子组件,例如:
```html
<div v-for="(item, index) in cardList.data" :key="item.id">
<card :index="index" :data="item"></card>
</div>
```
在子组件 `card` 中,可以通过 `props` 接收和使用下标:
```js
export default {
props: ['index', 'data'],
// ...
}
```
在这个例子中,`index` 就是当前循环的下标,可以直接传递给子组件。
阅读全文