elementui级联选择器显示

要在 Element UI 中使用级联选择器，你需要使用 `el-cascader` 组件。以下是一个基本的示例：

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

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

在上面的示例中，`options` 数组定义了级联选择器的选项，每个选项都有一个 `value` 和 `label` 属性，可以通过 `children` 属性定义多级选项。`v-model` 指令绑定了用于保存选择值的 `selectedOptions` 数组。在 `@change` 事件中，可以获取到用户选择的值。

这是一个基本的示例，你可以根据你的需求自定义级联选择器的样式和功能。更多详细的使用方法和配置选项，请参考 Element UI 的官方文档。