<div class="sy-table"> <el-table :data="tableList[index]"> <el-table-column prop="name" label="项目" align="center"/> <el-table-column prop="yttype" label="运营状态" align="center"> <el-table-column prop="bydyysr" label="本月度运营收入" align="center"/> <el-table-column prop="ljndyysr" label="累计年度运营收入" align="center"/> <el-table-column prop="bydyscb" label="本月度运营成本" align="center"/> <el-table-column prop="ljndyscb" label="累计年度运营成本(万元)" align="center"/> </el-table-column> </el-table> </div>我想遍历tableList中的每行元素,要怎么写?
时间: 2023-10-11 12:08:23 浏览: 142
您可以使用 `v-for` 指令来遍历 `tableList` 数组中的每个对象,然后在 `el-table` 中使用 `:row-key` 属性来指定每行数据的唯一标识符,如下所示:
```html
<el-table :data="tableList[index]" :row-key="row => row.id">
<!-- 表格列 -->
</el-table>
```
然后,您可以使用 `v-for` 指令来遍历 `tableList` 数组中的每个对象,如下所示:
```html
<div class="sy-table">
<el-table v-for="(item, index) in tableList" :key="index" :data="item" :row-key="row => row.id">
<el-table-column prop="name" label="项目" align="center"/>
<el-table-column prop="yttype" label="运营状态" align="center"/>
<el-table-column prop="bydyysr" label="本月度运营收入" align="center"/>
<el-table-column prop="ljndyysr" label="累计年度运营收入" align="center"/>
<el-table-column prop="bydyscb" label="本月度运营成本" align="center"/>
<el-table-column prop="ljndyscb" label="累计年度运营成本(万元)" align="center"/>
</el-table>
</div>
```
这样就可以遍历 `tableList` 中的每个对象,并在 `el-table` 中显示每个对象的数据了。
阅读全文