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的内容

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