vue3 elementplus list对象数据怎么在el-table美3个对象数据属性在一行显示，给出示例

在Vue3中，使用Element Plus库构建表格时，如果你想在一个`<el-table>`组件中显示三个对象数据的属性，并且它们在同一条行上展示，你可以这样做：

首先，假设你有如下数据结构：

data() {
  return {
    items: [
      { id: 1, name: 'Item 1', price: 'Price 1', desc: 'Description 1' },
      { id: 2, name: 'Item 2', price: 'Price 2', desc: 'Description 2' },
      { id: 3, name: 'Item 3', price: 'Price 3', desc: 'Description 3' }
    ]
  };
}

然后，在模板部分，你可以设置`el-table-column`来组合这三个属性：

<template>
  <el-table :data="items">
    <el-table-column prop="name" label="Name" width="150"></el-table-column>
    <el-table-column prop="price" label="Price" width="100"></el-table-column>
    <el-table-column prop="desc" label="Description" width="400"></el-table-column>
  </el-table>
</template>

这里，我们设置了三个列，每个列对应对象的一个属性（`name`、`price`和`desc`）。这样，当你运行这个表单时，每条数据记录会按照这种方式在一行中显示这三者的值。

如果你想要在一行内显示这三个属性，但不想创建这么多列，可以考虑将它们放在一个自定义插槽（slot）中，或者使用`span-methods`来合并单元格，但这可能会稍微复杂一些，需要编写计算或处理逻辑。