elementui Cascader 级联选择器 选择任意一级选项 可选择父元素

在Element UI的Cascader级联选择器中，如果你想要能够选择任意一级的选项，并且可以选择父元素，你可以通过设置checkStrictly属性为false来实现。这样可以确保选中的节点可以是任意一级，不仅仅是叶子节点。

以下是一个简单的例子：

<template>
  <el-cascader
    :options="options"
    v-model="selectedOptions"
    :props="{ checkStrictly: false }"
    @change="handleChange"
  ></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'
            }
          ]
        }
      ]
    };
  },
  methods: {
    handleChange(value) {
      console.log(value);
    }
  }
};
</script>

在这个例子中，checkStrictly: false 确保了你可以选择任意一个选项，包括父选项。当选项变化时，handleChange 方法会被调用，并且选中的值会被打印到控制台。