el-cascader 一级单选二级多选，JS，vue

`el-cascader` 是 Element UI 提供的一款下拉选择组件，它支持树形结构的选择，包括一级单选和二级或多级的多选功能。在 Vue.js 开发环境中，这个组件通常用于实现层级关联的数据筛选或配置。

当设置为一级单选模式时，用户只能从第一级的选项中选择一个，然后第二级的选项会根据所选的第一级展开，但用户无法同时选择第二级的多个选项。而二级或多级多选则允许用户对每一级都进行独立的选择，可以选择多个选项。

在 JS 中，你可以通过以下步骤操作 `el-cascader`：

1. 首先，在 Vue 组件中导入 `ElCascader` 组件并绑定到数据上：

import { ElCascader } from 'element-plus';

export default {
  components: {
    ElCascader,
  },
  data() {
    return {
      CascaderOptions: [
        // 你的选项数据结构
      ]
    };
  }
}

2. 定义组件的模板，并处理值的变化：

<template>
  <el-cascader
    :options="CascaderOptions"
    v-model="selectedValue"
    @change="handleChange" <!-- 事件监听 -->
  ></el-cascader>
</template>

<script>
//...
methods: {
  handleChange(value) {
    console.log('值改变:', value);
  }
}
</script>

在 `handleChange` 方法中，你会接收到用户选择的新值，可以进一步做业务处理。