el-cascader选择值取到他label和value值

在 Element UI 的 Cascader 组件中，可以通过设置 `:props` 属性来自定义节点的展示方式。默认情况下，节点会以 `label` 的值来展示，而选中节点时会返回该节点的所有数据对象。如果希望同时返回节点的 `value` 和 `label` 值，可以按照以下步骤操作：

1. 在 `Cascader` 组件上添加 `:props` 属性

<el-cascader :options="options" :props="nodeProps" v-model="selectedOptions"></el-cascader>

2. 在 `data` 中定义 `nodeProps` 对象，并设置 `value` 和 `label` 的映射关系

data() {
  return {
    options: [
      {
        value: 'zhinan',
        label: '指南',
        children: [
          {
            value: 'shejiyuanze',
            label: '设计原则',
            children: [
              {
                value: 'yizhi',
                label: '一致',
              },
              {
                value: 'fankui',
                label: '反馈',
              },
            ],
          },
        ],
      },
    ],
    selectedOptions: [],
    nodeProps: {
      children: 'children',
      label: 'label',
      value: 'value',
    },
  };
},

3. 在选中节点时，使用 `selectedOptions` 数组中最后一个元素的 `value` 和 `label` 属性作为所选节点的值

console.log(this.selectedOptions[this.selectedOptions.length - 1].value); // 输出所选节点的 value 值
console.log(this.selectedOptions[this.selectedOptions.length - 1].label); // 输出所选节点的 label 值