el-table中data一般接收的数据类型
时间: 2023-10-06 22:05:16 浏览: 45
在 Element UI 的表格组件 el-table 中,data 属性可以接收一个数组类型的数据对象,该数组的每个元素都是一个数据对象,用于描述一行表格数据。每个数据对象中的属性可以用于渲染表格中的每一列,例如:
```html
<el-table :data="tableData">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
</el-table>
```
上述代码中,`:data="tableData"` 绑定了一个名为 `tableData` 的数组对象,该数组的每个元素都包含 `name`、`age` 和 `address` 三个属性,分别用于渲染表格中的三列数据。例如:
```javascript
data() {
return {
tableData: [
{ name: '张三', age: 18, address: '北京市朝阳区' },
{ name: '李四', age: 22, address: '上海市浦东新区' },
{ name: '王五', age: 25, address: '广州市天河区' }
]
}
}
```
在上述代码中,`tableData` 是一个包含三个数据对象的数组,每个数据对象都包含 `name`、`age` 和 `address` 三个属性。这些属性将会被用于渲染表格中的三列数据。