heJin_AI在ant design vue的table中columns怎样写的
时间: 2024-03-17 17:45:43 浏览: 56
VUE自动部署(node)
在 Ant Design Vue 的 Table 组件中,可以通过 `columns` 属性来定义表格的列信息。如果想要在表格中展示 `heJin_AI.heJin_Mn` 字段的数据,可以在 `columns` 中添加一个列信息,代码示例如下:
```html
<a-table :columns="columns" :data-source="dataSource"></a-table>
```
```js
export default {
data() {
return {
dataSource: [
{
id: 1,
heJin_AI: {
heJin_Mn: '数据1'
}
},
{
id: 2,
heJin_AI: {
heJin_Mn: '数据2'
}
},
{
id: 3,
heJin_AI: {
heJin_Mn: '数据3'
}
}
],
columns: [
{
title: 'ID',
dataIndex: 'id',
key: 'id'
},
{
title: 'heJin_Mn',
dataIndex: 'heJin_AI.heJin_Mn',
key: 'heJin_Mn'
}
]
}
}
}
```
在 `columns` 中添加了一个 `heJin_Mn` 列,`dataIndex` 属性设置为 `heJin_AI.heJin_Mn`,表示该列对应的数据字段是 `heJin_AI` 对象中的 `heJin_Mn` 属性。在表格中会显示 `dataSource` 中每个元素的 `heJin_AI.heJin_Mn` 字段的数据。
阅读全文