解决el-tree勾选子的时候获取父的id

Posted zfffighting

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决el-tree勾选子的时候获取父的id相关的知识,希望对你有一定的参考价值。

只有所有子级都被选中的时候才能获得父级的id,如果不选中所有的子级那么获取得到的id就只有子级的。但是提交数据时后台需要父级id的。
通过
clickTree(v,e){
                console.log(this.$refs.tree.getNode(v));//一层层获取其父组件获取id,但是如果添加完id(需要判断id是否存在。存在删除,不存在添加)再勾掉层级很多会很麻烦,判断太多
 
//这个可以直接获取勾选的id和父级的id,勾选掉也会消失
console.log(this.$refs.tree.getCheckedKeys().concat(this.$refs.tree.getHalfCheckedKeys()),"dfdff");’
 
 
保存的时候需要将减号和勾选的id分开(回显有父级的id,子级默认全选),或者传对应的值过去区分是减号还是勾选,回显的时候根据type区分自己整理出来勾选的id

以上是关于解决el-tree勾选子的时候获取父的id的主要内容,如果未能解决你的问题,请参考以下文章

解决el-tree lazy懒加载时,连续勾选前两个子节点后第二次进入默认选中时,将父节点也勾选的问题

el-tree踩坑

element UI在 el-select 与 el-tree 结合组件

easyui中combotree只能选子选项,父级不被选中,并且展开

Vue + element ui el-tree 自定义节点内容 checkbox 回显后无法重新勾选问题

Vue + element ui el-tree 自定义节点内容 checkbox 回显后无法重新勾选问题