vue3 + element-plus(el-tree-select)递归函数 拿到父节点

html

	
   <el-tree-select v-model="children_id" :data="pieceUnitList" :render-after-expand="false" default-expand-all   ref="treeref" @node-click="nodeclick" />

script

node-click的两个参数 （data node）
node参数就是当前节点的所有数据 以及所有父节点的数据 (node.parent)

	
	const nodeclick = (data: any, node: any) => {

  // console.log(treeref.value.getHalfCheckedKeys());
  // // console.log(treeref.value.getHalfCheckedNodes());
  // console.log(treeref.value.getCurrentKey());
  // console.log(treeref.value.getNode());
  filtername.value = []
  selectItem.value = []

  // console.log(data);
  console.log(node);
  recursionFun(node)

  console.log(selectItem.value);
  console.log(filtername.value);
  linkname.value = filtername.value.join('-')

}





const linkname = ref('')
const filtername = ref<any>([])
// 递归函数
const recursionFun = (node: any) => {
  if (!node.parent) {
    return
  }
  selectItem.value.unshift(node.data.value)
  filtername.value.unshift(node.data.label)
  
  recursionFun(node.parent)
}