element-plus 级联选择器多选 二级菜单点击lebel即可选中复选框

Element Plus是一个流行的Vue.js UI组件库，它提供了丰富的、易于使用的组件，包括级联选择器(cascader)。级联选择器中的多选功能允许用户通过点击二级菜单标签(通常是选项的文字描述)来选择多个选项，并且这些选项会同步显示在一个复选框列表里。

在Element Plus的`<el-cascader>`组件中，你可以配置`checkStrictly`属性为`true`来启用这种单击节点文本直接选中的多选模式。当你点击某个选项的文本时，对应的复选框会被选中。例如：

<template>
  <el-cascader
    :options="options"
    v-model="selectedValues"
    check-strictly
  ></el-cascader>
</template>

<script>
export default {
  data() {
    return {
      options: [
        // ... 二级菜单选项
      ],
      selectedValues: [], // 用户选择的值
    };
  },
};
</script>

在这个例子中，`options`数组包含了所有的二级菜单选项及其层级结构。用户每点击一次文本，`selectedValues`就会更新并反映在复选框上。