element uitable属性prop三元用法

在Element UI中，`<el-table>`组件的`prop`属性有三种用法。

1. 作为绑定数据的属性名

当我们使用`<el-table>`组件时，通常需要通过`prop`属性指定表格列所对应的数据属性名。例如：

<el-table :data="tableData">
  <el-table-column prop="name" label="Name"></el-table-column>
  <el-table-column prop="age" label="Age"></el-table-column>
</el-table>

这里的`prop`属性用于指定表格列所对应的数据属性名，即`tableData`数组中每个元素的`name`和`age`属性。

2. 作为表格列的唯一标识符

在`<el-table>`组件中，每个表格列都需要有一个唯一标识符。如果不指定，则默认使用列的索引作为标识符。我们可以通过`prop`属性来指定列的唯一标识符，例如：

<el-table :data="tableData">
  <el-table-column prop="name" label="Name"></el-table-column>
  <el-table-column prop="age" label="Age"></el-table-column>
</el-table>

这里的`prop`属性既指定了表格列所对应的数据属性名，又作为了列的唯一标识符。

3. 作为列的配置属性

除了上述用法之外，`prop`属性还可以作为列的配置属性。例如，我们可以通过`prop`属性指定列的宽度、对齐方式等属性，例如：

<el-table :data="tableData">
  <el-table-column prop="name" label="Name" width="180"></el-table-column>
  <el-table-column prop="age" label="Age" align="center"></el-table-column>
</el-table>

这里的`prop`属性用于指定表格列所对应的数据属性名，同时还作为了列的配置属性，用于指定列的宽度和对齐方式。