Element的el-cascader级联选择器组件获取选中的label

例如上图，需要拿到新疆/乌鲁木齐市的值

<el-cascader ref="cascaderAddr" :options="this.$Address.data" @change="handleAreaChange"> </el-cascader>

给el-cascader组件设置ref为cascaderAddr

设置change事件handleAreaChange

在handleAreaChange事件使用ref属性获取选中的值

handleAreaChange(val){ console.log(val) this.$refs['cascaderAddr'].getCheckedNodes()[0].pathLabels console.log(this.$refs['cascaderAddr'].getCheckedNodes()[0].pathLabels) },

handleAreaChange携带的val参数，获取的json数据中label的value，我们需要的是label 而this.$refs[‘cascaderAddr’].getCheckedNodes()[0].pathLabels获取的就是label的内容

若有疑问，可留言！ 如有帮助，可给请作者的一杯咖啡添砖加瓦：