怎么在el-table里面获取到el-card v-for中item的值
时间: 2024-03-08 13:47:13 浏览: 71
vue3 el-table多级表头收缩扩展的实现(JS原味版)
在el-table中获取el-card中v-for的item的值,你可以使用scoped slots来解决这个问题。具体来说,你可以在el-table-column中使用scoped slots,然后在这个scoped slot中使用el-card组件来渲染数据,这样就可以获取到el-card中v-for的item的值。
例如:
```html
<el-table :data="tableData">
<el-table-column prop="id" label="ID"></el-table-column>
<el-table-column label="Cards">
<template slot-scope="scope">
<el-card v-for="card in scope.row.cards" :key="card.id">
<div>{{ card.title }}</div>
<div>{{ card.description }}</div>
</el-card>
</template>
</el-table-column>
</el-table>
```
在这个例子中,我们在el-table-column中使用了scoped slots,并且在这个scoped slot中使用了el-card组件来渲染数据。在el-card中,我们可以使用v-for来遍历scope.row.cards,这样就可以获取到el-card中v-for的item的值。
阅读全文