解决点击二级菜单一级菜单背景色闪动问题（页面刷新点击效果无法保留）

最新推荐文章于 2023-08-09 11:29:37 发布
最新推荐文章于 2023-08-09 11:29:37 发布
阅读量1.9k 收藏 1
点赞数 1
分类专栏： 经验分享
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/leng0920/article/details/82260920
版权

css代码

js代码

最初代码，acive写在首页的li中

修改后的代码，将active移到服务范围的li中，相当于在页面写死。

正常效果：

总结：select选中效果与页面无法同步同理。在页面写死selected=selected即可

性野喜悲
关注
专栏目录
5 Vue＋html css 问题（西安10.9）
harvestUachieve的博客
10-10 1320
数据响应式原理的核心就是采用了数据劫持结合发布者-订阅者模式的方式来实现数据的响应式,通过Object.defineProperty()对数据进行拦截，把这些属性全部转换成getter/setter，get（）方法可以读取数据、收集依赖，set（）方法可以改写数据，在数据变动时会对数据进行比较，如果数据发生了变化，会发布消息通知订阅者，触发监听回调，更新视图。watch监听的数据必须是data中声明过或父组件传递过来的props中的数据，当数据变化时，触发监听器。的操作，比如改变宽高，隐藏节点等。
android开发常用组件和第三方库（二）
watertekhqx的博客
05-09 7193
都是在github上开源的项目，覆盖面非常之广，有它在手android开发无忧
【vue3+elementplus】解决切换el-menu-item，el-menu组件会抖动的问题
最新发布
bbt953的博客
08-09 1380
解决切换el-menu-item，el-menu组件会抖动的问题
解决element-ui框架下导航菜单el-menu 刷新后菜单高亮问题
Jayne_z的博客
02-28 1万+
element-ui + vue.js项目中，页面刷新后侧边导航失去高亮。 element-ui框架el-menu 组件提供一个默认高亮的属性:default-active=“”，页面刷新后可以获取页面的url ,进行处理，获得el-menu-item里面的index,然后赋值给default-active，这样就可以解决页面刷新后element-ui菜单组件高亮问题。具体实现可以看下面代码 ...
ant design pro 无二级菜单，且进入所属二级菜单高亮显示
吃瓜群众的博客
05-06 3442
关键 hideChildrenInMenu: 当前路由的子级在菜单中不展现，默认 false 父的path要和默认显示子的path保持一致 add 的path不需要’/’，作用为了，将add添加到path中，实际的path为’/user-list/add’ 1.route.ts目录结构 2.配置 { name: 'user', icon...
Vue中使用el-menu，点击二级菜单时一级图标保持高亮
Oamnij的博客
09-24 8582
Vue中使用el-menu，点击二级菜单时一级图标保持高亮一、案例二、使用步骤1.引入库2.使用el-menu总结 前言 自己在写项目的时候，写到菜单栏，发现只有一级菜单的时候，切换一级菜单的图标高亮很容易，但是在一级菜单下还有二级菜单的时候，点击二级菜单时，一级菜单的图标不能实现高亮。了解了一下发现el-menu没有这个功能，苦思冥想，自己找到了一个方法，记录一下。 一、案例 话不多说，先直接上图 二、使用步骤 1.引入库 在main.js中引入ElementUI组件，代码如下（示例）： impor
el-submenu嵌套使用时 隐藏后submenu闪动再消失
pengpm的博客
11-11 771
【代码】el-submenu嵌套使用时 隐藏后submenu闪动再消失。 多个el-submenu嵌套使用时，:hide-timeout属性不能设置相等的值，不然内部的el-submenu未消失之前外部的就消失了，会出现内部el-submenu闪动的情况
Shell脚本学习-阶段二十七-命令解释三
qq_43058317的博客
06-16 5322
文章目录前言quyotastatsrepquotaconvertquotaswapoffswaponsyncchrootgetentlastlastblastloglogrotatelogsavelogwatchopensslsudo=================ctrlaltdelhalt============poweroff============reboot==================shutdown=============changechpasswdchshfinger=====..
GitHub 上受欢迎的 Android UI Library 整理二
Mob_com的博客
06-11 3883
通知 https://github.com/Tapadoo/Alerter ★2528 - 克服Toast和Snackbar的限制 https://github.com/wenmingvs/NotifyUtil ★920 - 高仿淘宝微信等热门APP通知视图 https://github.com/halysongoncalves/Pugnotification ★683 - 通过一行代码实现通知...
JavaScript网页特效范例宝典源码
09-04
实例047 二级导航菜单 74 实例048 半透明背景的下拉菜单 76 实例049 展开式导航条 80 实例050 用层制作下拉菜单1 81 实例051 用层制作下拉菜单2 84 1.10 侧导航条设计 86 实例052 自动隐藏式菜单 87 实例053 收缩式...
Element UI 左侧折叠导航栏配合el-asid文字闪烁的问题，element-UI 中beforeLeave用法，echarts 无法获取属性“getAttribute”的值
weixin_48210599的博客
09-16 1071
Element UI 左侧折叠导航栏配合el-asid文字闪烁的问题 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eayAJOoj-1600259160168)(C:\Users\22725\Desktop\对对对.gif)] 问题描述 如图所示 解决的方法也是自己在网上误打误撞找到了 首先是 给el-menu定义一个class样式 <el-aside width="initial" class="home_aside"> <el-menu
关于样式选择器:hover出现忽闪现象
u011927449的博客
04-24 626
有时候在做项目的时候会想给一个元素添加一个遮罩效果，然后鼠标划过去的时候，遮罩消失，一般最简单的方法就是使用样式选择器:hover，但是经历过才知道恶心，有种灯泡快要坏的感觉，闪瞎自己的眼睛，于是诞生了解决它的方法，代码如下（图片自己随便找几张，按照路径放进去就可以），开始.... <!DOCTYPE html><html lang="en"><head> ...
antdv tabs闪动
weixin_50745161的博客
11-16 2715
当使用antdv tabs做一些页面切换的时候，会发现有时候tabs的下划线会不停闪动，在页面请求少的时候还不是特别明显，但是页面请求数据多的时候就会特别明显，其实和tabs本身并没有关系，是因为每个tab页有好几个接口请求，每个都会触发render刷新，而tab切换时，active值因为存在state里，因此数据变化也会触发render加载，因此会出现多次render加载，也导致动画多次开始，因此出现闪动。 在没确定问题是出在页面rander的时候曾试着降低antdv的版本，但是发现无济于事，后来知道问题
随笔——elmentUI的组件使用遇到的一些问题
SundayGoG的博客
08-19 1185
伸缩折叠抖动问题、折叠后菜单文字依然显示、折叠后el-aside区域没有相应折叠
vue element ui修改导航菜单栏鼠标悬浮时的背景颜色和点击二级菜单时多出的一像素边框问题
qq_43628847的博客
08-30 1万+
通过浏览器调试找到 复制粘贴后，修改颜色 /* 修改导航菜单栏悬浮时的背景颜色 / .el-submenu__title:hover, .el-menu-item:focus, .el-menu-item:hover{ background-color: cornflowerblue; } / 导航二级菜单栏点击之后的一像素边的问题 */ .el-menu{ border-right: none; } ...
element更改导航菜单被选中项的背景颜色
热门推荐
AHRL__的博客
06-29 6万+
element更改导航栏被选中项的背景颜色 在使用element的导航栏菜单时，官方文档指明可以改变导航栏的的背景颜色，字体颜色以及选中项的字体颜色，但是有时我们想要使用自定义颜色。在F12中可以看见，在设置了官方文档中的background-color、text-color、active-text-color后，element将这些样式添加到了element.style中。如下： eleme...
关于element-plus中el-menu或者el-menu-item导致无法跳转问题或者无法路由或闪动问题解决方法
weixin_45917610的博客
10-20 1万+
原本界面:我出现的点击首页没有跳转，而点击其他的就跳转 原本的代码： 下面展示一些 内联代码片。 <el-menu background-color="#545c64" text-color="#fff" active-text-color="#ffd04b" > <el-menu-item index="/
一级菜单需有滚动，二级菜单从隐藏的溢出中弹出
RainHg的博客
10-28 808
一级菜单需要有滚动功能，当鼠标放至一级菜单时，会弹出对应的二级菜单，出现问题：当一级菜单需要滚动效果时，一级菜单在水平方向上是溢出隐藏的，导致二级菜单无法弹出。
Adobe Photoshop 2020 新建菜单频繁闪烁 Mac版
AuraVic的博客
07-13 5809
Adobe Photoshop 2020后经常会问我新建画布闪烁以及创建按钮无法点击；photoshop 无法新建画布；photoshop Mac下载；photoshop 下载
mfc子对话框背景透明 闪动问题
06-06
当在MFC程序中使用子对话框时，可能会遇到其背景出现闪动问题。这通常是因为子对话框的背景没有被正确地设置为透明。 要解决这个问题，需要在子对话框的OnInitDialog()函数中添加以下代码： 1. 将WS_EX_TRANSPARENT风格添加到子对话框的属性中，以使这个子对话框背景透明： DWORD dwExStyle = GetExStyle(); dwExStyle |= WS_EX_TRANSPARENT; SetExStyle(dwExStyle); 2. 将子对话框的背景颜色设为透明： SetBackgroundColor(FALSE); 3. 如果您在子对话框的OnPaint()函数中绘制任何内容，请确保您使用了透明背景。您可以使用以下代码从父对话框获取透明背景： CDialog* pParent = GetParent(); CDC* pDC = GetDC(); pParent->SendMessage(WM_ERASEBKGND, (WPARAM)pDC->m_hDC); ReleaseDC(pDC); 这些步骤将确保您的MFC子对话框正确地设置为透明背景，并且已经解决了闪爆问题。 最后，建议在开发MFC子对话框时始终考虑到其可扩展性，以便在未来遇到问题时可以轻松修复和扩展。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值