antdv中表格的dataIndex怎么用
时间: 2024-05-09 19:22:03 浏览: 50
antdv中表格的dataIndex属性用于指定表格列所对应的数据源字段,具体用法如下:
```html
<a-table :columns="columns" :data-source="dataSource"></a-table>
```
```javascript
data() {
return {
columns: [
{
title: '姓名',
dataIndex: 'name',
key: 'name'
},
{
title: '年龄',
dataIndex: 'age',
key: 'age'
},
{
title: '地址',
dataIndex: 'address',
key: 'address'
}
],
dataSource: [
{
key: '1',
name: '张三',
age: 18,
address: '北京市'
},
{
key: '2',
name: '李四',
age: 20,
address: '上海市'
}
]
}
}
```
在这个例子中,columns数组中的每个对象都代表一列,其中dataIndex属性指定了对应的数据源字段,在dataSource数组中定义了表格的数据源。这样,表格就可以正确地显示数据了。
阅读全文