在使用Element Plus的`el-select-v2`组件时,如何正确获取选中项的`label`值是一个常见问题。虽然`v-model`可以绑定选中项的`value`,但若需要获取对应的`label`,则需额外处理。直接通过`@change`事件仅能获取到绑定值(通常是`value`),而非`label`。
解决方法:可以通过``的`label`和`value`映射关系,在`@change`事件中查找对应`label`。例如,将选项数据存储为数组,并在事件中通过`find`方法匹配`value`获取`label`。此外,也可借助`ref`访问`el-select-v2`实例,使用其`getCheckedNodes`或`selectedLabel`属性(视版本支持情况)来动态获取。
注意:确保选项数据结构清晰,避免因数据不一致导致匹配失败。