el-cascader 多选 代码

El-Cascader是Element UI库中的一个组件，用于实现级联选择器（类似下拉树形控件），支持多选功能。以下是一个简单的示例代码，展示如何在Vue项目中使用el-cascader组件进行多选：

<template>
  <el-cascader
    v-model="selectedValues" // 绑定到数据属性上，存储选中的值
    :options="options" // 设置选项数组，每个选项可以有子选项
    :props="{ checkStrictly: true }" // 设置严格检查模式，只允许从上一级递归选择
    multiple // 表明是多选模式
  ></el-cascader>
</template>

<script>
export default {
  data() {
    return {
      selectedValues: [], // 初始无选中项
      options: [
        {
          value: 'zhinan',
          label: '指南',
          children: [
            { value: '10', label: '基础教程' },
            { value: '20', label: '进阶实战' }
          ]
        },
        // 更多选项...
      ]
    };
  }
};
</script>

在这个例子中，`v-model`绑定到`selectedValues`数组，用户可以选择多个节点。`checkStrictly`属性确保了用户只能从上一级选项的子选项中进行选择。