Vue 列表数据在 el-table 中输出：快速渲染表格

在 Vue 中，可以使用 'v-for' 指令将列表数据输出到 'el-table' 中。

假设你有一个名为 'list' 的数组，其中包含多个对象，每个对象都有 'name' 和 'age' 属性。你可以像下面这样在 'el-table' 中输出这个列表数据：

<el-table :data="list" border>
  <el-table-column label="姓名" prop="name"></el-table-column>
  <el-table-column label="年龄" prop="age"></el-table-column>
</el-table>

在上面的代码中， ':data="list"' 将 'list' 数组传递给 'el-table' 的 'data' 属性，使得 'el-table' 可以使用这个数组来渲染表格数据。

然后，使用 'el-table-column' 组件来定义表格的列。 'label' 属性用于设置列的标题， 'prop' 属性用于指定要渲染的数据属性。

这样， 'el-table' 组件就会根据 'list' 数组的数据来渲染表格，并将 'name' 属性的值显示在 '姓名' 列中，将 'age' 属性的值显示在 '年龄' 列中。