el-table选择某两列

要选择el-table中的某两列，可以使用以下代码：

<template>
  <el-table :data="tableData">
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="age" label="年龄"></el-table-column>
    <el-table-column prop="gender" label="性别"></el-table-column>
    <el-table-column prop="email" label="邮箱"></el-table-column>
    <el-table-column prop="address" label="地址"></el-table-column>
    <el-table-column prop="phone" label="电话"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          name: '张三',
          age: 20,
          gender: '男',
          email: 'zhangsan@example.com',
          address: '北京市朝阳区',
          phone: '13812345678',
        },
        {
          name: '李四',
          age: 25,
          gender: '女',
          email: 'lisi@example.com',
          address: '上海市浦东新区',
          phone: '13987654321',
        },
        {
          name: '王五',
          age: 30,
          gender: '男',
          email: 'wangwu@example.com',
          address: '广州市天河区',
          phone: '13611112222',
        },
      ],
    };
  },
};
</script>

上面的代码中，我们使用了el-table-column组件来定义表格的每一列。prop属性指定了该列对应的数据字段，label属性则指定了该列的表头名称。

要选择某两列，只需要在el-table-column组件中添加一个visible属性，值为false即可。

例如，下面的代码只显示了姓名和年龄两列：

<template>
  <el-table :data="tableData">
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="age" label="年龄" :visible="false"></el-table-column>
    <el-table-column prop="gender" label="性别"></el-table-column>
    <el-table-column prop="email" label="邮箱"></el-table-column>
    <el-table-column prop="address" label="地址"></el-table-column>
    <el-table-column prop="phone" label="电话"></el-table-column>
  </el-table>
</template>

这样就只显示了姓名和年龄两列，其他列被隐藏了。