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

blmius
收藏

=================================================================================================================================

思路：获取对应的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.$refs['cascader'].currentLabels在2.7版本给移除了 可以通过this.$refs['件名'].getCheckedNodes()获取到选中的节点

  <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()
}

element-ui cascader级联选择器 返回整个对象Object

本文转自 https://blog.csdn.net/hope_it/article/details/103491172，如有侵权，请联系删除。