el-tree 点击输出当前选中 @node-click=“getCheckedNodes“

 

 <el-tree
          :data="allDepartments"     //数据
          default-expand-all       //是否全部展开
          node-key="id"
          ref="tree"
          highlight-current
          class="filter-tree"
          :props="defaultProps"    //规则
          @node-click="getCheckedNodes"
></el-tree>

下面是我的数据 

 //数据
allDepartments: [
        {
          deptName: '父亲1'
        },
        {
          deptName: '父亲2',
          children: [
            {
              deptName: '儿子2'
            },
            {
              deptName: '儿子2',
              children: []
            }
          ]
        }
],
 //展示格式规则
 defaultProps: {
        children: 'children',
        label: 'deptName'
},

 写方法

 getCheckedNodes(node, e) {
  //node输出点击的当前的所有信息
      console.log(node.deptName)
    },

 

 

//这个写法是只输出最终子集，也就是点击的最后一个
 getCheckedNodes(node, e) {
      if (node.children === undefined) {
        console.log(node.deptName)
      } else if (node.children.length === 0) {
          console.log(node.deptName)
      }
    },