參考element的樹形控件
image.png
代碼實現(xiàn)
<el-tree :data="treeData" show-checkbox @check-change="selectTreeNode" :check-strictly="true" node-key="id"
:default-expand-all="true" :props="defaultProps" highlight-current @node-click="handleNodeClick" ref="tree">
</el-tree>
/** 選擇樹節(jié)點 */
selectTreeNode(data, checked, tree) {
if (checked) {
this.currentNode = data;
this.$refs.tree.setCheckedNodes([data]);
}
},
