element tree全选后拿到最末级节点

最新推荐文章于 2024-05-08 19:32:19 发布
最新推荐文章于 2024-05-08 19:32:19 发布
阅读量1.4k 收藏 1
点赞数
分类专栏： vue 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/page_A/article/details/106472905
版权

写帖子主意是自己碰到的一些小问题，然后害怕自己忘记了。以后便于查阅。
不bb上干货。
碰到过这么一个场景，后端要求传值是只要最末级节点的id，这个时候如果直接使用element tree提供的方法    this.$refs.tree.getCheckedNodes()  这样的话是会拿到所有节点组成的数组。
这个时候只要循环这个数组判断哪条数据没有children子级然后拿到这条数据的id就ok了。ps：前端新手，记录自己碰到可能会忘记的一些问题

page_A
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js代码-element tree 回显非全选的误区
07-16
js代码-element tree 回显非全选的误区
Element ui tree 组件 获取到所有最后一级的节点
Happy Today
11-15 9115
获取tree组件中被选中的最后一级的节点 需要获取 被选中的所有节点 <el-tree :data="data" show-checkbox default-expand-all ...
el-tree技巧之只能选中最后一层级的子节点以及查找树结构第一个无子节点的叶节点
yinzisang的博客
12-30 6568
设置el-tree层级线，并且只能选中无子节点的叶节点
el-tree 父节点只有一个子节点时，用getCheckedNodes方法选择的值父节点和子节点值都有
最新发布
Angel_girl319的博客
05-08 343
看了一下代码，运用到了getCheckedNodes([leafOnly,includeHalfChecked]) 方法， leafOnly:表示是否只返回叶子节点的数据，默认值为false,includeHalfChecked表示是否包含半选中状态的节点。在做项目时，遇到了一个特殊问题，在选择左侧指标树的时候，如果父节点有多个子节点，选择后右侧显示内容出现一个子节点的值是没问题的，如图所示。但是选择一个父节点只有一个子节点的时候，父节点的值和子节点的值却都出现了右侧，如图。
element UI 树形数据只能选择最后一级 只能单选 树形单选树形检索
Taurus_666
06-23 6203
直接上代码，如有疑问，欢迎交流 template里面 <el-tree class="filter-tree" :data="assetBigClassTreeData"// 树形data数据，具体按照官方文档格式 :props="defaultProps" //自定义props配置，如严格按照官方格式无需添加此项， @check="checkChange" //checkbox 选项变化事件 node-key="id" //勾选时按照哪个值显示，必须是唯一的值 accordion c
vue中使用el-tree渲染树形层级数据
weixin_42159063的博客
08-11 5969
1、效果图 2、数据库设计 通过parent_id联系起来，实现层级数据，第一层的parent_id是0，第二层以上的通过parent_id来代表其属于哪一个结点。 sort用于排序，也可视为代表当前结点是第几层。 3、前端代码 <div class="right-part-catalogue"> <input placeholder="输入关键字进行搜索" v-model="filterText" class="input_query" prefix.
Element UI 树形控件Tree 【详解】el-tree 展开指定节点，判断是否存在指定节点
热门推荐
朝阳39的博客
05-21 1万+
官网并未提供相关的方法，但可以使用下方代码实现： this.$refs.树的ref值.store.nodesMap[指定节点对应的key值].expanded = true; 参考范例 <el-tree ref="menuTree" :data="menuTreeData" node-key="label" /> "menuTreeData": [ { "label": "前端三剑客", "children": [ { "lab
VUE element-ui之el-tree树形控件获取最后一级节点（无子节点的节点）
HanXiaoXi_yeal的博客
08-22 5011
VUE element-ui之el-tree树形控件获取最后一级节点（无子节点的节点）
Vue Treeselect el-tree-select 多选 只选中第三级
m0_71835253的博客
11-21 492
Vue Treeselect el-tree-select 多选 只选中第三级
单选el-tree组件,只可选最后一个层级
weixin_44899044的博客
05-30 2587
/ 输出父节点数组。label: '子节点1-1-1'label: '子节点1-1-2'label: '子节点1-1',parentMap: {} // 父节点映射关系。label: '子节点1-2'// 获取当前选中子节点的所有父节点。label: '节点1',label: '节点2'// 只选中最后一个层级节点。// 展开点击的节点。
ElementUI中el-tree树形控件给叶子节点添加事件/只允许选中（末）叶子节点
hupei
03-10 6837
ElementUI中el-tree树形控件给叶子节点添加事件/只允许选中（末）叶子节点
el-tree选择限制(只能三级单选el-checkbox多选框）及节点默认展开和默认选中
MISS_zhang_0110的博客
05-23 3293
element ui树形控件节点选择限制(只能三级单选）效果图一、主要代码 效果图 一、主要代码 <el-tree :data="dataTree" :props="defaultProps" node-key="id" highlight-current ref="dataConfigTree" :expand-on-click-node="false" accordion
layui tree 插件 点击父类不会全选子类。
04-09
有时候开发树形菜单权限管理，选择父节点不想子节点全部选中，经过我的修改现在可以做到。你可以试试。只需要覆盖项目 tree.js就可以。 layui2.5.4版本
element-ui CheckBox全选.txt
12-24
vue配合element-ui框架中el-checkbox 接收json"data:[{key:1,name:'小李'}]"对象时全选与非全选时获取相关设定的值源码文件
bootstrap插件treeview实现全选父节点下所有子节点和反选功能
12-29
选中父节点时，父节点下所有子节点也都全部选中，看代码 1、HTML代码 <h2>TreeView Checkable <div id=treeview-checkable></div> 2、Json数据 function getTvStateData() { var defaultData = [ { text: '...
element el-tree 获取最里层面的子id
HonG
11-01 1800
<el-tree :data="treeData" show-checkbox default-expand-all node-key="id" ref="tree" highlight-current @check="getHalfCheckEvent" ...
el-tree只有最后一级可以选中
Nefertar的博客
12-02 4126
el-tree最后一级可以选择，其他禁用并把复选框隐藏
el-tree默认展开n项，最后一项时调用接口获取
limmt2020的博客
03-21 691
el-tree默认展开n项，最后一项时调用接口获取 1、一开始想的使使用el-tree懒加载的方法，但后续执行效果不理想，懒加载方法只能搜索第一层的内容，无法搜索到所有的默认展开项。 后面直接不用懒加载的方法，直接通过节点判断调用接口，可以实现搜索功能。 <el-input placeholder="请输入查找内容" prefix-icon="el-icon-search" v-model="filterText"
element tree自定义拖拽xianz
qq_21113235的博客
12-03 1328
目录 功能说明： 效果图： 代码： 功能说明： 可通过拖拽改变，数据嵌套顺序 首层节点（主干）：不可拖拽，不可以有同级节点 主干，限制仅有一个主干 主干：不可删除，可编辑， 子节点限制：如果节点为汉字类型就禁止添加下一级，即为末尾节点（叶子） 效果图： 代码： <el-tree :data="branchFrom.data" ...
vue element el-tree 全选展开
09-26
在Vue Element的el-tree中，全选和展开的方法如下： 全选： - 通过设置setCheckedNodes方法来实现全选，将treeData传入该方法即可实现全选： `this.$refs.tree.setCheckedNodes(this.treeData);` - 通过设置...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值