element-ui级联选择器获取选中label的值

在使用element-ui的级联选择器（Cascader）时，获取选中项的label值通常是在选择器的事件回调函数中实现的。级联选择器组件提供了`change`事件，当选项发生变化时，会触发此事件，并传递当前选中项的值。通过事件回调函数中的参数，可以获取到选中的数据项，其中包括了label值。

以下是一个示例代码，演示如何获取选中的label值：

<template>
  <el-cascader
    :options="cascaderOptions"
    v-model="value"
    @change="handleChange">
  </el-cascader>
</template>

<script>
export default {
  data() {
    return {
      value: [], // 用于双向绑定选中的值
      cascaderOptions: [
        // 这里是级联选择器的选项数据
      ]
    };
  },
  methods: {
    handleChange(value, selectedOptions) {
      // value是选中项的值组成的数组
      // selectedOptions是选中项的数据组成的数组
      const label = selectedOptions.map(item => item.label).join(' / '); // 将label值用' / '连接成字符串
      console.log(label); // 打印选中的label值
    }
  }
};
</script>

在这个例子中，`handleChange`方法会在用户选择不同的级联选项时被调用。`selectedOptions`参数是一个数组，包含了用户选中的所有级联选项的数据。通过映射（`map`）这个数组并获取每个对象的`label`属性，然后将这些label值用' / '连接起来，就得到了一个完整的选中label路径字符串。最后，这个字符串被打印出来或者可以根据需要进行其他操作。