elementui半选状态下获取父节点

最新推荐文章于 2023-05-31 17:16:18 发布
最新推荐文章于 2023-05-31 17:16:18 发布
阅读量380 收藏
点赞数
分类专栏： 前端 javascript 方法调用 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45766506/article/details/119034813
版权
前端 同时被 3 个专栏收录
31 篇文章 0 订阅
订阅专栏
javascript
12 篇文章 0 订阅
订阅专栏
方法调用
6 篇文章 0 订阅
订阅专栏

1、如果只是获取勾选的节点那么用：
tree为dom上ref对应的值

this.$refs.tree.getCheckedNodes()

但是以上的方式无法获取选项的父节点
2、获取勾选的所有关联节点（所有的半选节点也一并获取）：
tree为dom上ref对应的值

this.$refs.tree.getCheckedNodes(false,true)

使用2的方式应该是需要elementui的一定版本，低版本的可能不行，这里提示一下

益达木咸醇
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue(ElementUI)封装远程搜索子组件调用父组件函数实现重置
m0_61820867的博客
07-04 785
介绍Vue（ElementUI）如何封装远程搜索子组件调用父组件函数实现重置
Vue组件 $refs $parent $children 的使用
weixin_50313248的博客
05-22 980
Vue组件 $refs $parent $children 的使用 $refs 作用: 获取对应组件实例，如果是原生dom，那么直接获取的是该dom。获取之后我们可以使用它的属性和方法。 使用方法： // 在我们需要获取实例的地方定义ref <my-component ref="myRef"></my-component> // 然后我们在js中通过$refs方式获取该实例 this.$refs.myRef $parent 作用： 获取父组件实例，同样，获取之后我们可以使
element—ui获取选中节点的所有父节点信息
weixin_43179300的博客
09-02 933
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> <script src="./element-ui/index.js"></script> <!-- <link.
elmentui中tree在选中子节点时无法获取父节点数据
aguo111的博客
05-31 602
可以获取当前树节点选中数据但是选中最底层字节点时只有该子节点数据无法获取父节点，根据当前业务需求既要获取子节点也要获取当前父节点。refs.tree.getHalfCheckedNodes()通过获取当前选中节点父节点数据。
element ui ------------ Cascader 根据子id获取一层父结构
weixin_44282046的博客
03-23 175
【代码】element ui ------------ Cascader 根据子id获取一层父结构。
vue elementUI tree树形控件获取父节点ID的实例
10-18
今天小编就为大家分享一篇vue elementUI tree树形控件获取父节点ID的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
修改vue elementUI多选框问题 elementui lib
01-22
问题：elementUI多选框，一维数组，如官网例子那样数组内元素为字符串时正常使用，但在实际情况多选框的元素为对象，为对象时，默认选中不显示，实际上是选中了，但是不显示 ...
elementUI多选框反选的实现代码
10-17
主要介绍了elementUI多选框反选的实现代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
ElementUI中el-tree节点的操作的实现
10-15
`@node-click`监听节点点击事件，`show-checkbox`为节点添加复选框，`node-key`用于唯一标识每个节点，`check-strictly`设置为`true`表示单个节点的选中状态不会影响其父节点或子节点。 在JavaScript部分，我们可以...
vue中ref的作用
@芈文 的博客
05-08 1573
作用一（基本用法）:本页面获取dom元素 <template> <div id="app"> <div ref="testDom">11111</div> <button @click="getTest">获取test节点</button> </div> </template&gt...
vue中父子组件通过ref传值「dialog组件」
青梅SEO
08-10 1928
前言 一个基于vue的项目，有可能会很多的组件，组件之间难免需要进行数据的传递，比如: 父组件 传数据 给子组件；子组件传数据给父组件等，需要用到组件之间的通信处理方式。 项目中经常用到element中的dialog组件，现记录父子组件通过ref传值。 操作流程： 1.父组件中点击按钮吊起子组件模态框dialog进行内容设置，并给子组件传递id this.$nextTick(() =&g...
el-cascader选中当前节点,获取当前value并且获取其父级value
aiiiszrh的博客
12-31 6793
elementUI提供了 getCheckedNodes 这个方法 可以拿到父级id 但会出现下边这个问题 当我们半选的时候 拿到的只有最后一级的value 是拿不到父级的value。这咋整呢 试一下用递归 <template> <div class="app-container"> <div class="ranges"> <div style="display:flex"> <span class="is.
【vue 项目】有关cascader任选一级、字段名不同、同时获取value和label值、回显（推父节点）等问题解决
Aohanzzz的博客
10-25 3957
有关cascader的一些用法
el-cascader给默认值后在mounted中getCheckedNodes获取不到节点值
qq_40179700的博客
09-03 4176
el-cascader的option值是异步函数获取的，给一个默认值，在mounted中getCheckedNodes得到的结果却是空数组
element-ui cascader级联选择器，使用getCheckedNodes()获取选择对象参数信息，及如何使用props自定义设置value、label、children的键名
热门推荐
Umbrella_Um的博客
02-01 2万+
需求一： 我需要在cascader级联选择后，拿到当前选择对象的其他参数信息，而不单单只获取到选择的value值 如上图，ElementUI 提供了这个获取所选节点的信息函数 getCheckedNodes，正好解决了我需要当前节点的其他信息，不单单只是选择时返回的 value 值 需求二： 后端返回的数组，并不是cascader级联选择器默认的value，label，children怎么修改成当前的键值来循环呢？ 但至于怎么用，文档都没有给出例子，所以这里补充一下用法，直接上代码： <t
el-select和el-tree结合使用-树形结构多选框
s_9527_s的博客
06-16 1万+
el-select和el-tree结合使用-树形结构多选框
【Element-UI】 el-tree 报错 getCheckedNodes is not a function
weixin_41852038的博客
10-13 8910
按照element上的文档来使用element 里面的树形组件 使用后 突然发现报错 “TypeError: this.$refs.tree.getCheckedNodes is not a function” 黑人问号脸？？？ 排查原因 把 ref 打印一下 发现竟然有五个tree 突然想到 el-tree 是通过for 循环出来的 所以造成了有五个 一样的ref 知道原因就好解决了 解决方案一： 只获取某个tree里面的值 this.$refs.tree[0].getCheckedNodes(
如何解决element ui中的el-tree组件default-checked-keys默认勾选所有节点问题
a7442358的专栏
07-25 4510
如何解决element ui中的el-tree组件default-checked-keys默认勾选所有节点问题
Vue elementui tree树形控件 递归删除选中的所有节点
weixin_45806343的博客
08-02 2830
删除前： 删除后： 方法： methods:{ // 获取选中的节点的id getChildrenNodes() { this.nodes = this.$refs.tree.getCheckedNodes() this.nodes.forEach(item => { this.ids.push(item.id) }) }, // 删除方法 deletedId(data, ids) { for
elementui获取选中的节点的父节点
最新发布
07-08
要获取 ElementUI 树组件中选中节点的父节点，你可以使用 `getCheckedNodes` 方法来获取所有选中的节点，然后通过遍历节点的 `parent` 属性找到父节点。 下面是一个示例代码： ```javascript // 获取选中的节点 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值