element-ui el-tree组件获取当前选择所有选中(check)和半选中(indeterminate)的节点

网上查了一大堆都说要改源码,最后发现有方法不用改源码

解决方案


<el-tree ref="subRoleTree"
         :data="subRoleMenuList"
         show-checkbox
         node-key="id"
         :props="defaultProps"
         @check="subRoleTreeCheck">
</el-tree>
//获取所有选中的节点id
subRoleTreeCheck(keys, leafOnly) {
    console.log(keys, leafOnly)
    //获取所有选中的节点id
    this.tenantIdMenus = this.$refs.subRoleTree.getCheckedKeys().concat(this.$refs.subRoleTree.getHalfCheckedKeys()) 
    console.log(this.tenantIdMenus, '选中的节点')
},

将getCheckedKeys()和getHalfCheckedKeys()两个方法获取的数据合并就是我们想要的数据了

到此结束。 

猜你喜欢

转载自blog.csdn.net/weixin_43743175/article/details/127200269