element-ui的级联选择器用法

Element UI 的级联选择器（Cascader）是一个用于处理多级选择的问题组件，它通常用于需要层级结构的数据，比如地区选择、组织架构等。以下是基本的用法：

1. 引入组件：首先，在 Vue 项目中安装并引入 Element UI，然后在需要的地方导入 `el-Cascader` 组件。

import { Cascader } from 'element-plus';

2. 在模板中使用：创建一个 `v-model` 指向数据的绑定，这个数据应该是数组格式，包含所有层级选项。

<template>
  <el-cascader
    v-model="selectedValues"
    :options="options"
    placeholder="请选择"
  ></el-cascader>
</template>

3. 初始化数据：在 script 部分初始化 `options` 数据，通常来自服务器端或前端存储。

export default {
  data() {
    return {
      selectedValues: [],
      options: [
        // 这里是你获取到的多级选项数组
      ],
    };
  },
};

4. 功能扩展：你可以通过设置属性来调整它的行为，如 `props-option` 可以自定义每个节点的内容展示，`change-on-select` 控制是否允许用户选择当前节点后立即提交。

<el-cascader
  ... // 其他属性
  change-on-select
></el-cascader>