获取Tree 树形控件下面的全部id
一、建立一个Tree 树形控件
<el-tree:data="state.treeData":props="state.Props"node-key="id":highlight-current="true":expand-on-click-node="true":filter-node-method="filterNode"@node-click = "clickTrees"ref="tree">
二、点击clickTrees方法
const clickTrees = function(data,node){state.expandedMedTreeKeys =[];const moduleDataList=[];moduleDataList.push(data);state.expandedMedTreeKeys = getAllNodeId(state.expandedMedTreeKeys,moduleDataList)console.log(state.expandedMedTreeKeys)
}
上面图中 state.expandedMedTreeKeys 就是存放获取到全部id的数组
三、循环获取id
const getAllNodeId = function(MedicinalTreeKeys, moduleDataList) {for (var i = 0; i < moduleDataList.length; i++) {MedicinalTreeKeys.push(moduleDataList[i].id)if (moduleDataList[i].children) {MedicinalTreeKeys = getAllNodeId(MedicinalTreeKeys, moduleDataList[i].children)}}return MedicinalTreeKeys}
这样就可以获取到所有的id了,当然如果tree树的id,默认是id那就不用管,如果id是别的如appId等,可以通过绑定的数据来修改。图一中绑定的 :props="state.Props"
Props: {value: 'appId',children: 'childrenTree',label: 'appName'},
图一中的 node-key="id" 也改成 node-key="AppId"
把图三中对应的东西也改一下, MedicinalTreeKeys.push(moduleDataList[i].id)改成
MedicinalTreeKeys.push(moduleDataList[i].AppId),moduleDataList[i].children 也改成 moduleDataList[i].childrenTree 等。