这是elementUI 官网实例
- DOM展示
<el-tree
class="tree-border"
:data="menuOptions"
show-checkbox
ref="menu"
node-key="id"
empty-text="加载中,请稍后"
:props="defaultProps"
></el-tree>
- 获取结点方法
// 所有菜单节点数据
getMenuAllCheckedKeys() {
// 目前被选中的菜单节点
let checkedKeys = this.$refs.menu.getCheckedKeys();
// 半选中的菜单节点
let halfCheckedKeys = this.$refs.menu.getHalfCheckedKeys();
// 根据需求给接口传选中的结点或者是半选的结点
checkedKeys.unshift.apply(checkedKeys, halfCheckedKeys);
return checkedKeys;
},