ELementUI 树形控件tree 获取子节点同时获取半选择状态的父节点ID

本文探讨Element-UI Tree控件在选择子节点时未能返回父节点ID的问题,提供三种解决方案:利用getHalfCheckedKeys方法、修改源码或自定义插件仓库。

使用element-ui  tree树形控件的时候,在选择一个子节点后,使用getCheckedKeys 后,发现只能返回子节点的ID,但是其父节点ID没有返回。

解决办法有三种:

1.element-ui 有一个获取半选择状态值ID得方法

  getHalfCheckedKeys   这个方法用来获取父节点半选择状态ID值

 

2.修改源码

  找到node_modules/element-ui/lib/element-ui.common.js文件

  按Ctrl+F搜索TreeStore.prototype.getCheckedKeys这个方法

  把if(node.checked)改为if (node.checked||node.indeterminate) 

 

3.package.json文件里的elmentui插件下载地址导向自己建立的库

  把node_modules中需要修改的的插件代码拉出来,建一个代码仓库,自己维护,想怎么改就怎么改。然后在原项目的package.json中,把引用代码的地方改了。

之前的package.json里面是下面这样的

...
"dependencies": {
    ...
    "某插件": "^2.2.1",
    ...
  },
...


你把插件的代码拉出来,自己建一个仓库,然后把package.json里面的引用改成下面这样,

...
"dependencies": {
    ...
    "某插件": "git+ssh://xxxxxxxxxx.git", // 这里是你代码的git地址
    ...
  },
...
当你修改了插件的代码时,直接重新在项目里npm install就行

转载于:https://www.cnblogs.com/YKingcc/p/9863658.html

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值