element-UI级联选择器(Cascader)获取label

<el-cascader
    :options="options"
    v-model="selectedOptions"
    :props="props"
    size="small"
    ref="cascaderAddr"
    filterable
    @change="handleChange"
    change-on-select
    placeholder="请选择上级分类"/>

<script>
handleChange(e) {
      //第1种
      var   thsAreaCode = this.$refs['cascaderAddr'].currentLabels    // 获取label值
      console.log(thsAreaCode); //  最终结果是个一维数组对象
       //第2种
      const checkedNodes = this.$refs['cascaderAddr'].getCheckedNodes() // 获取当前点击的节点
      console.log(checkedNodes)
      console.log(checkedNodes[0].data.label) // 获取当前点击的节点的label
      console.log(checkedNodes[0].pathLabels) // 获取由 label 组成的数组
},
</script>

注意：如上述代码：

先给级联选择器ref=""重命一个新组件名为cascaderAddr

然后，使用this.$refs['新组件名'].currentLabels