Element el-cascader 级联实现多选值的绑定

Element UI的el-cascader级联选择器组件可以实现多选值的绑定。在级联选择器中，每个选项都是一个对象，包含label和value属性。当选中某个选项时，会触发`change`事件，并将当前选中的所有选项对象作为参数传递给`change`事件的回调函数。在回调函数中，可以将这些选项对象中的value属性提取出来，以数组的形式存储在data中，从而实现多选值的绑定。

以下是一个示例代码：

<template>
  <el-cascader
    :options="options"
    :props="{ expandTrigger: 'hover', multiple: true, value: selectedValues }"
    @change="handleCascaderChange">
  </el-cascader>
</template>

<script>
export default {
  data() {
    return {
      options: [
        {
          value: 'beijing',
          label: '北京市',
          children: [
            {
              value: 'haidian',
              label: '海淀区'
            },
            {
              value: 'chaoyang',
              label: '朝阳区'
            }
          ]
        },
        {
          value: 'shanghai',
          label: '上海市',
          children: [
            {
              value: 'pudong',
              label: '浦东新区'
            },
            {
              value: 'minhang',
              label: '闵行区'
            }
          ]
        }
      ],
      selectedValues: []
    };
  },
  methods: {
    handleCascaderChange(selectedOptions) {
      this.selectedValues = selectedOptions.map(option => option.value);
    }
  }
};
</script>

在上述代码中，将`multiple`属性设置为true即可实现多选功能。将`value`属性绑定到`selectedValues`数组上，每次选择变化时会自动更新该数组。在`handleCascaderChange`方法中，通过`map`方法将选项对象中的value属性提取出来，并存储在`selectedValues`数组中。这样就实现了级联选择器多选值的绑定。