El - tree set radio, click finish after assemble

It can be used when the page layout space is insufficient. Click to display the tree drop-down. After the selection is completed, take it back. Here, the tree component can only be selected.You can configure it at will.

node-key must be added, marking each node,
expanded property is to set the expansion and collapse of each node, traverse each node and set expanded to false to collapse the node of the tree.
setCheckedNodes Set the currently checked nodes. To use this method, you must set the node-key property in advance.
@check event is triggered after clicking the node checkbox
The two parameters are: the object corresponding to the node in the array passed to the data attribute, the current selected state object of the tree, and use currObj to save the current selectionnode data.Use setCheckedNodes to set the selected node to currObj.

html code

 <el-tree :data="treeData" :props="defaultProps" node-key="id" ref="tree" show-checkbox @check="handleNodeChecked" >el-tree>

js part of the code

 const handleNodeChecked = (currObj, isCheckedspan>) => {const nodeDatas = proxy.$refs.tree.store.nodesMap;for (let key in nodeDatas) {nodeDatas[key].expanded = false;}if (isChecked) {proxy.$refs.tree.setCheckedNodes([currObj]);}};