el-tree鼠标选中高亮，但是点击其他地方就会失去高亮，如何解决

最新推荐文章于 2024-06-03 16:53:59 发布
最新推荐文章于 2024-06-03 16:53:59 发布
阅读量1k 收藏
点赞数
分类专栏： el-tree 高亮 文章标签： elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jphpc/article/details/126056573
版权

el-tree选中高亮但是点击其他地方就会失去高亮？**

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

问题

el-tree选中高亮但是点击其他地方就会失去高亮？

提示：以下是本篇文章正文内容，下面案例可供参考

效果

点击目录，再点其他地方，这个高亮不会消失
在这里插入图片描述

1.代码

在这里插入图片描述
在el-tree中组件标签上加上高亮属性
:highlight-current=“highlightBd”

2.修改高亮颜色

在这里插入图片描述

总结

大家还有用什么方法实现的吗，欢迎交流哦，小小新手一枚~

jphpc
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
el-tree设置选中高亮焦点高亮、选中的节点加深背景，更改字体颜色等_eltree focus
m0_61042081的博客
04-21 767
由于文档内容过多，为了避免影响到大家的阅读体验，在此只以截图展示部分内容网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
el-select-tree:ElementUI的el-select与el-tree结合
05-07
ElementUI的el-select与el-tree结合在一起。 在线示例 用法 安装 npm install --save el-select-tree 需要element-ui 如果您的项目不使用element-ui，则需要引入一个单独的element-ui包，如下所示： import 'el-...
el-tree点击节点再点击其他地方之前的高亮背景消失解决
qq_30351747的博客
02-22 3348
el-tree点击节点再点击其他地方之前的高亮背景消失解决 效果 点击其他地方，这个高亮不会消失 代码 <el-tree :data="myIndexTreeData" :highlight-current="highlightBd" :props="defaultProps" @node-expand="handleNodeClick" @node-click="handleNodeClick" > </el-tree> data: { return
el-tree树形组件点击长亮 修改点击长亮的节点样式
超超的博客
07-22 250
<el-tree :data="treeData" :props="defaultProps" :highlight-current="true" @node-click="handleNodeClick" > </el-tree> 样式部分 ::v-deep .el-tree-node:focus > .el-tree-node__content { background-color:#9ea1a3 } .
element ui tree树形节点选中后点击其他区域效果消失
weixin_45799605的博客
02-10 1810
element ui tree树形节点选中后点击其他区域效果消失
解决，在点击分页之后或者其他地方之后，el-tree背景颜色没有了
qq_45915072的博客
11-28 460
【代码】解决，在点击分页之后或者其他地方之后，el-tree背景颜色没有了。
工作记录 -- el-table 取消鼠标悬浮时行高亮效果
来啦(#^.^#)
11-10 3463
使用elementUI的table组件时，会有默认时间：当鼠标悬停时会高亮当前行。 如果不想要，可以把颜色设置成背景色，或者任何你想要的颜色： .el-table tbody tr:hover>td { background: #ccc!important } 但如果设置了stripe属性，表格会呈斑马纹两种颜色交替，设置颜色这个方法就失效了，这时候就可以禁用事件： .el-table tbody tr { pointer-events:none; } ...
el-tree-selected-tree
11-15
在element-ui中的el-tree上实现单独拉出一棵树来显示树的选中节点，同时可以在该树上删除已选中节点
vue el-tree 默认展开第一个节点的实现代码
10-15
主要介绍了vue el-tree 默认展开第一个节点的实现代码,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
Element-ui el-tree新增和删除节点后如何刷新tree的实例
10-14
主要介绍了Element-ui el-tree新增和删除节点后如何刷新tree的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
在element-ui的el-tree组件中用render函数生成el-button的实例代码
10-17
主要介绍了在element-ui的el-tree组件中用render函数生成el-button 的方法，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
【element】 el-tree 点击树以外的区域，高亮显示消失问题
七汐 的胡言乱语
04-13 787
el-tree 点击树以外的区域，高亮显示消失问题 ```css .el-tree-node:focus > .el-tree-node__content { background: #E7EEFE !important; } .el-tree-node__content{ &:hover{ background-color: #E7EEFE !important; } } `` ...
element-ui trr树形结构点击当前背景再点击其它地方会消失问题解决，以及修改当前背景色。
weixin_44903107的博客
04-14 2213
点击其它地方当前背景色消失解决 <el-tree :data="menuData" node-key="id" :highlight-current="showTree" <!--高亮显示 不让背景消失--> @node-click="getNode...
el-tree 默认高亮第一条数据 vue3
weixin_55721538的博客
01-05 619
el-tree 默认高亮第一条数据
vue-el-steps 使用2[代码示例]
zw899004的专栏
06-01 772
vue-el-steps 使用2[代码示例]
elementUI输入框/选项卡与百度地图联动
最新发布
peepeeman的博客
06-03 276
elementUI输入框/选项卡与百度地图联动
el-date-picker的使用，及解决切换type时面板样式错乱问题
qq_53857666的博客
05-30 415
el-date-picker的使用
ElementPlus-日期选择器实现周选择
itmacy的博客
05-28 452
dayjs方法的使用需要在main.js文件中引入。
el-tree点击选中高亮
06-07
要实现el-tree点击选中高亮效果，可以通过以下步骤实现： 1. 在el-tree组件中添加@click事件监听树节点的点击事件； 2. 在@click事件中获取当前点击的节点对象，可以通过参数（node, instance）获取； 3. 使用el-...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值