<el-table-column prop="itemsId1" label="项目一"> </el-table-column>是怎么将值显示出来的
时间: 2023-06-24 21:06:16 浏览: 97
VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解
`<el-table-column>` 是 Element UI 中的一个表格列组件,用于定义数据表格中的一列。 `prop` 属性指定了该列所对应数据对象中的属性名,`label` 属性指定了该列的标题文本。
当使用该组件渲染数据时,`prop` 属性指定的属性值会被提取出来,并在对应单元格中进行显示。例如,如果你的数据对象是这样的:
```
{
itemsId1: '项目一的值',
itemsId2: '项目二的值',
itemsId3: '项目三的值'
}
```
那么使用 `<el-table-column prop="itemsId1" label="项目一"></el-table-column>` 渲染时,该列对应单元格中会显示 `"项目一的值"`。
阅读全文