element-ui —Cascader 级联选择器（选中方式处理）

在Element UI的Cascader级联选择器中，可以通过props属性来定义选中值的表现形式。如果你想要自定义选中值的方式，可以使用checkStrictly属性。

checkStrictly属性默认为true，表示父子节点是否独立，即父节点是否可以独立选中和取消选中。当设置为false时，父子节点将会关联，子节点的选中状态会影响父节点的选中状态。

以下是一个简单的例子，展示如何使用checkStrictly属性：

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

在这个例子中，checkStrictly被设置为true，表示每个节点的选中状态是独立的，父节点的选中不会影响子节点，子节点的选中也不会影响父节点。当选项变化时，handleChange方法会被调用，并输出当前选中的值。