el-cascader获取value和label

el-cascader 是一个基于 Element UI 的级联选择器组件，它可以实现多级联动选择。要获取 el-cascader 的 value 和 label，你可以使用以下方法：

1. 使用 v-model 双向绑定：在 el-cascader 上使用 v-model 指令，将选择的值绑定到一个变量上。这个变量即为 el-cascader 的 value。例如：

<el-cascader v-model="selectedValue" :options="options"></el-cascader>

在上述例子中，selectedValue 就是绑定的变量，它会自动更新为用户选择的值。

2. 使用 change 事件监听：el-cascader 组件提供了 change 事件，选择的值发生变化时会触发该事件。你可以在 change 事件的回调函数中获取选择的值和标签。例如：

<el-cascader @change="handleCascaderChange" :options="options"></el-cascader>

在 Vue 实例中定义 handleCascaderChange 方法：

methods: {
  handleCascaderChange(value, selectedData) {
    console.log("value:", value);
    console.log("label:", selectedData.map(item => item.label).join(" / "));
  }
}

在 handleCascaderChange 方法中，value 参数表示选择的值，selectedData 参数是一个包含每级选择项信息的数组，通过 map 方法可以获取每级选择项的 label，然后使用 join 方法将它们连接起来。

通过上述两种方法，你可以方便地获取 el-cascader 的 value 和 label。