el-cascader传值额外参数

在Element UI的`el-Cascader`组件中，它本身主要用于级联选择，但如果你需要传递额外的参数，你可以通过数据驱动的方式来实现。当你设置`props-data`属性时，每个节点都可以是一个包含多个字段的对象数组，其中一个字段通常代表选中的值，其他自定义字段则作为额外参数。

例如，假设你有一个对象结构，其中`value`用于标识当前选中的值，而`customParam`是额外的参数：

const options = [
  {
    value: 'parent1',
    label: 'Parent 1',
    customParam: { type: 'parent', subType: 'A' },
    children: [
      {
        value: 'child1',
        label: 'Child 1',
        customParam: { type: 'child', subType: 'B' },
      },
      {
        value: 'child2',
        label: 'Child 2',
        customParam: { type: 'child', subType: 'C' },
      }
    ]
  }
];

<el-cascader :props-data="options" @change="handleChange"></el-cascader>

然后，在`handleChange`方法中，你可以访问到选定节点及其额外参数：

methods: {
  handleChange(value) {
    const selectedNode = value.find(node => node.value === this.selectedValue);
    console.log('Selected Node:', selectedNode.customParam); // 输出额外参数
  }
}