el-cascader 多选 +1

`el-cascader` 是 Element UI 提供的一个组件，用于构建级联选择器（也称为树形下拉列表）。在Vue.js中，它可以支持多选功能，用户可以选择多个选项，通常用于层级关系的数据展示和筛选。

以下是 `el-cascader` 的主要特点和使用方法：

1. **层次结构**：它能够展示数据中的层级结构，每个选项都有父项，用户可以通过展开和收缩节点来选择或取消选择。

2. **多选模式**：当设置为多选模式时，用户可以选择多个独立的选项，这些选项并不一定属于同一层级。

3. **动态加载**：可以配置为在用户滚动或者打开新的层级时动态加载数据，提高性能。

4. **事件监听**：提供了诸如`change`、`expand-change`等事件，开发者可以根据需求定制组件的行为。

5. **属性配置**：例如`multiple`属性用于开启多选模式，`options`属性用来定义数据源，`props-data`用于传递给子级节点的数据。

使用时，你可以这样引入并初始化组件：

<template>
  <el-cascader
    :options="options"
    v-model="selectedValues" <!-- 绑定多选结果 -->
    :multiple="true" <!-- 设置多选模式 -->
    @change="handleChange" <!-- 触发变化时调用的回调函数 -->
  ></el-cascader>
</template>

<script>
export default {
  data() {
    return {
      options: [], // 数据源
      selectedValues: [] // 当前选中的值
    };
  },
  methods: {
    handleChange(values) {
      console.log('当前选择的值:', values);
      // 这里可以处理多选后的业务逻辑
    }
  }
};
</script>