elementui tree父节点

element tree 默认是
当子节点全选,获取当前所有子节点+父节点id

当需求为:
当选择其中一个子节点,需要同时获取父节点 id

 var roleArr = this.$refs.tree.getHalfCheckedKeys().concat(this.$refs.tree.getCheckedKeys());

this.$refs.tree.getHalfCheckedKeys() 用来获取父节点id,

this.$refs.tree.getCheckedKeys() 用来获取当前点击子节点id

把当前点击的子节点+对应的父节点id 一起传给后台
当点击编辑,这时后台会返给你父节点id+已选子节点id
问题又出现了.
后台只要给你返的是父节点id,element tree 默认会把父节点 √ 而不是 -
即子节点全选,这明显是不对的,
解决方案:

      this.menuList.forEach(menuList => {if (menuList.parent_id !== null) {item.menus.forEach(item => {if (item.id === menuList.id) {this.checkedDedault.push(item.id);}});}});

在编辑时候,删除父节点 id 就ok了.
原因很简单,有父节点全选,没有父节点,显示子节点,子节点不全选,父节点- 而不是 √,其余的子节点就不会被选中

elementui tree父节点相关推荐

tree父节点不被选中和勾选(所以父节点)只选择子节点
tree父节点不被选中和勾选(所以父节点)只选择子节点 t = $.fn.zTree.init(t, setting, result); var zTree = $.fn.zTree.getZTree ...
elementui tree控制节点展开与否
this.$refs.tree.store.nodesMap[id].expanded = true
elementui获取所有树节点_element-ui tree获取子节点全选的父节点信息
公司服务升级确定了新的架构,假如当前部门是二级部门,二级部门下的三级部门全部已选择,那么后端接口要求只需要传二级部门的id,并且操作符传参为 like:如果某一个部门已选择,切父级部门没有选择,那么就 ...
elementui tree获取父节点_elementUI 树状图点击子节点获取父节点
权限使用elementUI tree 组件,点击子节点获取对应多级的父节点这是应用的组件 :data="hovePermissData" :default-checked- ke ...
ElementUI tree控件如何取得被选中的节点,以及父节点(即使没被全选)
ElementUI tree控件如何取得被选中的节点,以及父节点(即使没被全选) <el-tree:data="roleMenuData"node-key="id& ...
elementui tree获取父节点_vue_elementUI_ tree树形控件获取选中的父节点ID
一, vue_elementUI_ tree树形控件 1.1默认点击tree节点的第一个(注意不是checked选中) :expand-on-click-node="false" ...
vue+element-ui之tree树形控件有关子节点和父节点之间的各种选中关系详解
做后端管理系统,永远是最蛋疼.最复杂也最欠揍的事情,也永远是前端开发人员最苦逼.最无奈也最尿性的时刻.蛋疼的是需求变幻无穷,如同二师兄的三十六般变化:复杂的是开发难度寸步难行,如同蜀道难,难于上青天: ...
Element ui tree树形控件获取当前节点id和父节点id
低版本Element ui tree树形控件获取当前节点id和父节点id的方法:点击查看最新版本Element ui tree树形控件获取当前节点id和父节点id教程: 1.找到node_modul ...
element-ui tree 点击章节节点勾选/取消勾选
element-ui tree 点击章节节点勾选/取消勾选遇到一个需求,要求点击tree组件的章节时(不是点击checkBox),要进行节点勾选/取消勾选操作: 原本想的方案非常复杂,涉及到遍历父子 ...

elementui tree父节点

elementui tree父节点相关推荐

最新文章

热门文章