vue+elementUI tree的用法

<el-tree
  class="filter-tree"
  :data="treeData"
  :props="defaultProps"
  default-expand-all
  node-key="typeNum"
  :filter-node-method="filterNode"
  @node-click="(data, node, item) => handleNodeClick(data, node, item)"
  ref="tree">
</el-tree>

1. 设置node-key为树节点唯一键值typeNum

<el-tree

node-key="typeNum" 

</el-tree>

    2. 单击节点事件

<el-tree

 @node-click="(data, node, item) => handleNodeClick(data, node, item)"

</el-tree>

   3.单击获取获取节点的typeNum

NodeClick(data, node, item) {  // data,node,item为默认参数

console.log(data.typeNum)    //获取data的id，

console.log(node.data.typeNum)

console.log(item)

}

   4. 获取第一个树节点

 this.selectNum=this.treeData[0].typeNum;