Element-UI表格数据遍历 ＜template slot-scope=“scope“＞列表渲染

在el-table中，:data="tableData"是数据集。每个el-table-column，我们只需要使用prop="date"，就可以将该列的数据绑定为该数组所有的对象中的“date”属性，我们可以理解为对于tableData，这里始终取的是tableData[$index].date。

table按照tableData这个数组的长度来生成多少行，按照有多少个el-table-column来生成多少列。

 

tableDate 为返回的json数据

按照我们前面的理解，按照有多少个el-table-column来生成列，因此这里没有使用prop="date"，生成的单元格也就是空白的一个单元格。

template（模版） 在这里属于一个固定用法： <template slot-scope="scope">

我们主要说一下这个scope是个什么东西，按照element上的提示：

通过 Scoped slot 可以获取到 row, column, $index 和 store（table 内部的状态管理）的数据

{{scope.row.deptno}} 表示把对应行的数据渲染到表格中1