vant级联选择cascader实现多选

Vant Cascader组件是一个基于Vue的轻量级库里的下拉级联选择器，它支持树状结构的数据，并且可以实现在层级之间的多选功能。要使用Vant的Cascader实现多选，你需要按照以下步骤操作：

1. 安装依赖：首先需要安装`vant`库，如果还没有安装，可以在项目中运行`npm install vant`或`yarn add vant`。

2. 引入组件：在你的Vue组件模板中引入`van-cascader`组件：

   <template>
     <van-cascader v-model="selectedValues" :options="options" @change="handleChange"></van-cascader>
   </template>

`v-model`绑定到数据属性`selectedValues`用于存储用户选择的值，`:options`属性用于传入级联选项。

3. 初始化数据：创建一个`options`数组，表示级联数据的层级结构，每个节点通常包含`value`、`label`（显示文本）以及`children`（子节点数组）：

   data() {
     return {
       selectedValues: [], // 存储用户的选择
       options: [
         { value: '1', label: '一级分类', children: [] }, // 根节点示例
         { value: '1-1', label: '二级分类1', children: [{ value: '1-1-1', label: '三级分类1' }] },
         ... // 更多的分类项
       ]
     }
   }

4. 处理事件：定义`handleChange`函数，当用户改变选择时，这个函数会被触发。在这里你可以获取到用户选择的完整路径：

   methods: {
     handleChange(values) {
       console.log('用户选择了:', values);
       this.selectedValues = values; // 更新数据模型
     }
   }