el-select下拉展示两列

要在 el-select 下拉中展示两列，你可以使用 el-cascader 组件来实现。el-cascader 组件允许你创建级联选择器，其中每一级都可以包含多个选项。

首先，你需要将 el-cascader 组件包裹在 el-select 组件内部。然后，设置 el-cascader 的 options 属性为一个包含两级的选项数组。每个选项对象都应包含 label 和 value 属性，分别表示显示的文本和对应的值。

以下是一个示例代码：

<template>
  <el-select v-model="selectedValue" placeholder="请选择">
    <el-cascader
      :options="options"
      :props="props"
      @change="handleChange"
    ></el-cascader>
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: [],
      options: [
        {
          value: '1',
          label: '选项1',
          children: [
            {
              value: '1-1',
              label: '选项1-1'
            },
            {
              value: '1-2',
              label: '选项1-2'
            }
          ]
        },
        {
          value: '2',
          label: '选项2',
          children: [
            {
              value: '2-1',
              label: '选项2-1'
            },
            {
              value: '2-2',
              label: '选项2-2'
            }
          ]
        }
      ],
      props: {
        expandTrigger: 'hover',
        value: 'value',
        label: 'label',
        children: 'children'
      }
    };
  },
  methods: {
    handleChange(value) {
      console.log(value);
    }
  }
};
</script>

在这个示例中，options 数组包含两个选项对象，每个选项对象的 children 属性表示其子选项。el-cascader 组件的 props 属性用于指定选项对象中的属性映射关系。

这样配置后，el-select 下拉将会以两列的形式展示选项，第一列是一级选项，第二列是二级选项。你可以根据实际需求来调整选项的层级和数量。