关于elementui的tree踩的坑

最新推荐文章于 2022-11-16 10:18:09 发布
最新推荐文章于 2022-11-16 10:18:09 发布
阅读量2.3k 收藏 3
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_29109193/article/details/82255687
版权

我这边项目的需求是传数据的时候带父菜单的id，但是如果我不是全选状态的话父菜单的id就不会带有，后来百度了半天才找到了解决的方法，要改elementui组件的底层代码

首先找到node_modules/element-ui/lib/element-ui.common.js这个文件

进行文件搜索找到this.getCheckedNodes这个方法

将上面的改成

这样式获取到了父节点的菜单id了，在接收数据进行显示的时候也会接收到菜单id问题来了，在显示的时候由于父节点也被选中所以就造成了全部选中的状态，还好elementui组件里有取消父节点跟子节点取消关联的功能

<el-tree :check-strictly="true"></el-tree>

设为true表示父节点跟子节点不进行关联

夏日好凉
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue elementUI tree树形控件获取父节点ID的实例
10-18
今天小编就为大家分享一篇vue elementUI tree树形控件获取父节点ID的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
npm安装时卡在sill idealTree buildDeps，npm安装速度慢，npm安装卡在一个地方不动
热门推荐
ramblerviper的博客
06-06 1万+
npm安装时卡在sill idealTree buildDeps，npm安装速度慢，npm安装卡在一个地方不动解决办法
vscode下npm install，卡在sill idealTree buildDeps怎么解决
zsusanj的博客
11-16 8215
vscode下安装npm install卡住，怎么解决
el-tree-transfer穿梭框踩了的坑
qq_45838639的博客
04-06 3231
下载 npm install el-tree-transfer --save 多个根节点案例（一个根节点就是官方案例，其实是一样的） <tree-transfer :from_data="fromData" :to_data="toData" :defaultProps="{ label: 'label' }" @add-btn="add" @remove-btn="remove" :mode="mode" height
vue el-tree的展示和节点默认勾选，以及踩的坑
川上饺子的博客
12-25 5845
一、目标：点击按钮，获取tree，并且勾选相应的节点。 二、实现： 1、写一个树 <el-tree :data="treeData" default-expand-all show-checkbox node-key="id" ref="tree" @current-change="handleCheckChange" @check="handleCheckChange" :default-checked-keys="checkedRole"
elementUI使用中遇到的坑
一只小白奔向大牛的故事
11-21 3942
1、 通过el-upload获取到的文件file是封装后的，其中与普通input type=file 中获取到的文件是elementUI中的file.raw; 如果在读取文件时直接使用elementUI的file会报错： Failed to execute 'readAsBinaryString' on 'FileReader': parameter 1 is not of ‘Blob’ 2...
el-tree 踩过最深的坑，没有之一。设置与上级严格关联、下级不严格关联，CV即用
AC_Surprise的博客
01-12 1559
先看需求 重点：当你点击勾选复选框时候，若点击父节点，其上下子节点全部统一跟随父节点变化；若点击子节点，子节点部分勾选时父节点处于全选状态，子节点全部勾选时父节点选中，子节点全部不勾选时父节点还是选中状态。 效果 图是扒下来的，意思一样，实现效果一样（不会制作gif图 o(╥﹏╥)o） 实现逻辑 这个功能在官方文档上是没有直接呈现的，需要我们自己去对代码进行理解然后编写。 首先要用到官方文档提供的方法与事件： 第一步 我们需要设置 check-strictly 属性，目的是为了打破父子相互关联的做法，
el-tree-transfer使用及踩坑坑
Thea12138的博客
12-21 1万+
一、安装 使用： 先 npm 下载插件 npm install el-tree-transfer --save 或 npm i el-tree-transfer -S 在需要使用组建的页面中引入： <script> import treeTransfer from 'el-tree-transfer' // 引入 export defult { data(){ return:{ title: ["待选","已选"], //
关于el-tree渲染不出来后端返回数据问题
weixin_42613826的博客
02-23 2233
首先看一下接口返回的数据结构形式，要展示的名字的字段是不是label，不是的话要在代码里设置这个，注意，props前面一定要加绑定标识符！！！！（自己踩了一个多小时的坑）‘name’就写你要展示的字段名，默认是label ...
element tree动态设置默认选项与反选,反选无效问题
qq_36539696的博客
12-31 1153
场景如图,数据结构是树形,页面组件分别是用面板和tree实现,一级是面板,二级是树,所以在数据绑定的时候,有点麻烦.感谢产品设计的好图(=^ ^=) 面板绑定数据比较好操作,正是因为这里,导致了tree的数据处理起来比较麻烦,话不多说,上解决代码 <el-collapse v-model="selectAn"> <template v-if="allGroupList && allGroupList.le.
elementUI Tree 树形控件的官方使用文档
12-29
Tree 树形控件—官方文档地址 用清晰的层级结构展示信息，可展开或折叠。 基础用法 基础的树形结构展示。 <el data=data props=defaultProps node-click=handleNodeClick></el> [removed] export default { data...
vue elementui tree 任意级别拖拽功能代码
10-14
主要介绍了vue elementui tree 任意级别拖拽功能代码，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
ElementUI Tree 树形控件的使用并给节点添加图标
10-15
主要介绍了ElementUI Tree 树形控件的使用并给节点添加图标，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023年美赛特等奖论文-F-2305794-解密.pdf
05-06
大学生，数学建模，美国大学生数学建模竞赛，MCM/ICM，2023年美赛特等奖O奖论文
亚太经社会：2024年亚太贸易便利化报告.pdf
05-06
亚太经社会：2024年亚太贸易便利化报告.pdf
消费者价格指数下的年通货膨胀率（1960-2021年）.xls
05-06
消费者价格指数（CPI）：按消费者价格指数衡量的通货膨胀反映出普通消费者在指定时间间隔（如年度）内购买固定或变动的一篮子货物和服务的成本的年百分比变化。通常采用拉斯佩尔公式进行计算。
node-v8.10.0-linux-x86.tar.xz
最新发布
05-06
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
网页制作基础学习--HTML+CSS常用代码.txt
05-06
网页制作基础学习--HTML+CSS常用代码
elementui tree省市区
12-30
elementUI是一套基于Vue.js的桌面端组件库，提供了丰富的UI组件，其中包括了tree树形控件。在elementUI中，可以使用tree组件来展示省市区信息。 以下是一个使用elementUI tree组件展示省市区信息的示例代码： ```...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值