vue3 下标拿到了 如何在v-for 渲染时给到下标 v-for="(item, index) in cardList.data【index】card
时间: 2024-02-19 08:58:08 浏览: 267
深入浅析Vue.js 中的 v-for 列表渲染指令
在 Vue3 中,在 v-for 中使用下标,可以直接使用 `(item, index) in 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'],
// ...
}
```
阅读全文