antd树型选择控件选择父级_vue elementUI tree树形控件获取父节点ID的实例

本文介绍如何在Vue项目中,使用ElementUI的Tree组件获取包括父节点ID在内的已选择节点。通过修改`getCheckedNodes`方法,添加对`indeterminate`状态的检查,实现获取父节点ID的功能。在完成修改并重启项目后,可以通过`this.$refs.tree.getCheckedKeys()`获取所需数据。
摘要由CSDN通过智能技术生成

首先找到element-ui.common.js文件 如下 具体看你工程下的node_modules

D:\workSpace\vue_manage\node_modules\element-ui\lib\element-ui.common.js

找到getCheckedNodes该方法 细节如下我的该方法在21618行

TreeStore.prototype.getCheckedNodes = function getCheckedNodes() {

var leafOnly = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;

var checkedNodes = [];

var traverse = function traverse(node) {

var childNodes = node.root ? node.root.childNodes : node.childNodes;

childNodes.forEach(function (child) {

if (child.checked && (!leafOnly || leafOnly && child.isLeaf)) {

checkedNodes.push(child.data);

}

traverse(child);

});

};

traverse(this);

return checkedNodes;

};

修改 其中的if判断

TreeStore.prototype.getCheckedNodes = fun

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值