首页 > 编程 > JavaScript > 正文

vue elementUI tree树形控件获取父节点ID的实例

2019-11-19 12:58:02
字体:
来源:转载
供稿:网友

首先找到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 = 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 || child.indeterminate) && (!leafOnly || leafOnly && child.isLeaf)) {   checkedNodes.push(child.data);  }  traverse(child);  }); };  traverse(this);  return checkedNodes; };

然后重启项目

console.log(this.$refs.tree.getCheckedKeys());就可以拿到父节点的ID啦

以上这篇vue elementUI tree树形控件获取父节点ID的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持武林网。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表