vue cascader级联选择器多选获取选中的value的值

如果你使用的是 element-ui 的 Cascader 组件，可以通过监听 `change` 事件来获取选中的值。示例如下：

<template>
  <el-cascader
    v-model="selectedOptions"
    :options="options"
    @change="handleChange"
    :props="{ multiple: true, value: 'id', label: 'name' }"
  ></el-cascader>
</template>

<script>
export default {
  data() {
    return {
      options: [
        {
          id: 1,
          name: 'Option 1',
          children: [
            { id: 11, name: 'Option 1-1' },
            { id: 12, name: 'Option 1-2' },
          ],
        },
        {
          id: 2,
          name: 'Option 2',
          children: [
            { id: 21, name: 'Option 2-1' },
            { id: 22, name: 'Option 2-2' },
          ],
        },
      ],
      selectedOptions: [],
    };
  },
  methods: {
    handleChange(value) {
      console.log('Selected value:', value);
    },
  },
};
</script>

在上述示例中，我们通过设置 `multiple: true` 来使 Cascader 组件支持多选。然后定义一个 `selectedOptions` 数组来绑定选中的值。在 `@change` 事件中，我们可以通过 `value` 参数来获取选中的值，它是一个数组类型。