element-plus 级联单选

Element Plus 是基于 Vue.js 的 UI 组件库，它提供了一系列丰富的组件供开发者使用，其中包括级联单选（Cascading Select），也叫下拉联动选择器。这种组件设计用于显示层级结构的数据，用户可以从上一级选项中选择一项，该选项会触发下一级选项的变化，形成一个递进的选择过程。

在 Element Plus 中，级联单选组件通常有以下几个关键特性：
1. **数据驱动**：通过绑定级别的数据源（通常是数组结构），动态生成下拉菜单的选项。
2. **联动效果**：当用户在上一级做出选择时，下级菜单会根据上一级的选择实时更新，只展示相关的子项。
3. **分组功能**：支持对选项进行分组，使得组织和查找更方便。

要使用这个组件，你需要先安装 Element Plus 并在模板中导入 Cascader 组件，然后配置数据源、props 和事件处理函数。例如：

<el-cascader
  v-model="selectedValue"
  :options="options"
  @change="handleChange"
></el-cascader>

其中，`selectedValue` 存储当前选中的值，`options` 是数据源数组，`@change` 是选择改变时的回调函数。