el-select多级

您好！el-select是一个基于Element UI的下拉选择组件，它提供了多级选择的功能。要实现el-select多级选择，您需要使用el-cascader组件。el-cascader是Element UI提供的级联选择器组件，它可以实现多级的下拉选择。

使用el-cascader组件，您需要提供一个数据源，该数据源是一个多级的嵌套数组。每个级别的选项都是一个对象，包含label和value属性，分别表示选项的显示文本和对应的值。

以下是一个示例代码，演示了如何使用el-cascader实现多级选择：

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

<script>
export default {
  data() {
    return {
      selectedOptions: [], // 选中的选项
      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'
        }
      ],
      props: { // 配置选项的字段
        value: 'value',
        label: 'label',
        children: 'children'
      }
    }
  },
  methods: {
    handleChange(value) {
      console.log(value) // 打印选中的值
    }
  }
}
</script>

在上述示例代码中，options数组表示了多级的选项，每个选项对象包含了value、label和children属性。value表示选项的值，label表示选项的显示文本，children表示下一级的选项。

您可以根据自己的需求修改options数组中的内容，以适应您的多级选择需求。同时，您还可以根据实际情况调整props对象中的字段名，以与您的数据源匹配。

希望以上信息能够帮助到您！如有更多问题，请随时提问。