element-ui cascader級聯選擇器 獲取選中對象Object

element-ui cascader級聯選擇器 獲取選中對象Object(currentLabels、getCheckedNodes())

思路：獲取對應的NODE節點，節點裏存儲了相應的數據信息

element-ui中的cascader級聯選擇器，文檔中並無提供直接獲取當前選擇的Object

<font color=red>這裏特別須要注意element-ui的版本問題</font>

<font color=red>2.7.0版本以前</font>

能夠用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
  }

<font color=red>2.7.0版本以後</font>

能夠用this.$refs['cascader'].getCheckedNodes()獲取選中節點

this.$refs['cascader'].currentLabels 在2.7版本給移除了 能夠經過this.$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()
}

https://blog.csdn.net/hope_It/article/details/103491172