element ui 层级选择器el-cascader只能选最后一级多选

Element UI 的层级选择器 el-cascader 默认情况下是只能选择最后一级的选择器。如果你想要实现在层级选择器中的多选功能，你需要使用 multiple 属性。

以下是一个简单的例子，展示了如何在 Element UI 的 el-cascader 中实现多选：

<template>
  <el-cascader
    :options="options"
    v-model="selectedOptions"
    :props="{ multiple: true, checkStrictly: true }"
    @change="handleChange"
    clearable>
  </el-cascader>
</template>
 
<script>
export default {
  data() {
    return {
      selectedOptions: [],
      options: [
        {
          value: 'guid1',
          label: 'Option 1',
          children: [
            {
              value: 'guid-1-1',
              label: 'Option 1-1'
            },
            {
              value: 'guid-1-2',
              label: 'Option 1-2'
            }
          ]
        },
        {
          value: 'guid2',
          label: 'Option 2',
          children: [
            {
              value: 'guid-2-1',
              label: 'Option 2-1'
            },
            {
              value: 'guid-2-2',
              label: 'Option 2-2'
            }
          ]
        }
      ]
    };
  },
  methods: {
    handleChange(value) {
      console.log(value);
    }
  }
};
</script>

在这个例子中，el-cascader 组件被设置为可以多选 (multiple: true)，并且 checkStrictly 设置为 true 以确保只能在最后一级选择多个值。v-model 绑定了一个数组 selectedOptions 来接收选中的值。当选项变化时，handleChange 方法会被触发，并输出当前选中的值。