你理解错了，我是要把展示的内容分成多行多列，每一行的某一列都可以被选择

抱歉理解错误了，你可以使用`el-cascader`组件来实现这个效果。`el-cascader`组件提供了多级联动的选择器，可以将选项分组并展示在不同的列中。

具体使用方法如下：

1. 准备数据

首先，你需要准备一个包含多级选项的数据源，每个选项需要包含`value`、`label`和`children`三个属性。其中，`value`和`label`分别表示选项的值和展示文本，`children`表示当前选项的子选项。例如：

const options = [
  {
    value: '1',
    label: '第一列',
    children: [
      {
        value: '1-1',
        label: '第一列第一行',
      },
      {
        value: '1-2',
        label: '第一列第二行',
      },
      // ...
    ],
  },
  {
    value: '2',
    label: '第二列',
    children: [
      {
        value: '2-1',
        label: '第二列第一行',
      },
      {
        value: '2-2',
        label: '第二列第二行',
      },
      // ...
    ],
  },
  // ...
];

2. 渲染组件

然后，你可以在模板中使用`el-cascader`组件来渲染选择器。在组件的`options`属性中传入上面准备好的数据源，将`show-all-levels`属性设置为`true`以展示所有级别的选项，并可以使用`change`事件来监听选项的变化。

<el-cascader
  v-model="selectedValues"
  :options="options"
  :show-all-levels="true"
  @change="handleChange"
></el-cascader>

在组件中，你可以使用`v-model`指令绑定选中的选项值，使用`:options`属性绑定数据源，使用`@change`事件监听选项变化，并调用`handleChange`方法来处理选项值的变化。

3. 处理选项变化

最后，在组件的`methods`中定义`handleChange`方法来处理选项变化。在这个方法中，你可以使用`selectedValues`数组来获取当前选中的选项值，其中每个元素表示当前选中列的选项值。例如，如果选中了第一列第二行和第二列第一行，那么`selectedValues`数组的值将为`['1-2', '2-1']`。

export default {
  // ...
  data() {
    return {
      selectedValues: [],  // 存储选中的选项值
      options: [/* 数据源 */],
    };
  },
  methods: {
    handleChange(selectedValues) {
      // 处理选项变化
      console.log(selectedValues);  // 打印选中的选项值
    },
  },
};

在上面的代码中，我们定义了一个`selectedValues`数组来存储选中的选项值，在`handleChange`方法中打印选中的选项值。你可以根据自己的需要，使用这些选项值来进行后续的操作。