element-ui cascader级联选择器 获取选中对象Object(currentLabels、getCheckedNodes())

思路：获取对应的NODE节点，节点里存储了相应的数据信息

element-ui中的cascader级联选择器，文档中并没有提供直接获取当前选择的Object

这里特别需要注意element-ui的版本问题

2.7.0版本之前

可以用this.$refs['cascader'].currentLabels获取选中节点

  <el-cascader
    ref="cascader"
    :props="cascaderProp"
    :options="selectData.followPerson"
    v-model="searchInfo.teacherArr"
    size="mini"
    filterable
    clearable
    @change="change"
  />
  change(val) { 
    let nodesObj = this.$refs['cascader'].currentLabels
  }

2.7.0版本之后

可以用this.$refs['cascader'].getCheckedNodes()获取选中节点

this.KaTeX parse error: Expected 'EOF', got '在' at position 32: ….currentLabels 在̲2.7版本给移除了 可以通过t…refs[‘件名’].getCheckedNodes() 获取到选中的节点 [code=javascript]

  <el-cascader
    ref="cascader"
    :props="cascaderProp"
    :options="selectData.followPerson"
    v-model="searchInfo.teacherArr"
    size="mini"
    filterable
    clearable
    @change="change"
  />
change(val) { 
  let nodesObj = this.$refs['cascader'].getCheckedNodes()
}

博主的csdn地址