.el-menu-item.is-active不生效问题

最新推荐文章于 2024-07-04 14:11:39 发布
最新推荐文章于 2024-07-04 14:11:39 发布
阅读量3.8k 收藏 1
点赞数 3
文章标签： elementui 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pengju12345/article/details/125158365
版权

昨天在写项目的时候想要改变el-menu-item点中之后的颜色

.el-menu-item.is-active {
    background-color: #1787FB !important;
}

但是页面怎么都没有效果，后来仔细检查

    <el-menu router 
              background-color="#192030"
              active-text-color="#1787FB"
              :default-active="past"
              >

一开始我没有在el-menu里面加入background-color所以没有生效只要加入background-color就可以了

pengju12345
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue+element动态设置el-menu导航,刷新页面保持当前菜单选中项及路由
sunlizhen的专栏
12-10 2318
路由: const routes = [ { path: '/', name: 'Home', meta:{isLogin:true,title: 'Home'},// 添加该字段，表示进入这个路由是需要登录的 component: resolve=>(require(["@/views/index.vue"],resolve)), children: [ { path: '/monitor'.
javax.el-api-3.0.0.jar
04-09
springboot 打war部署到apache-tomcat-7.0.69中启动报错：java.lang.NoClassDefFoundError: javax/el/ELManager ... 下载javax.el-api-3.0.0.jar,放到 tomcat/lib包下可以解决，原来的el-api.jar版本较低
element ui 点击NavMenu 导航菜单 is-active 类名丢失，高亮不显示
sumimg的博客
08-28 400
最近在开发过程中遇到这样一个问题：点击侧边栏，类名is-active丢失，导致选中当前元素高亮丢失，这里，我用动态绑定class类名，重新给选中元素重新添加颜色。这里是我对导航菜单进行简单的封装，可以动态的拿到路由，渲染路由数据。
【Vue3】el-menu的踩坑和使用
最新发布
小安驾到的博客
07-04 1344
el-menu一些小技巧，满足更多少见需求！
IOS下：active无效
diding6893的博客
06-14 241
IOS下：active无效，是因为该元素没有绑定touch事件。因此在IOS系统的移动设备中，需要在按钮元素或body/html上绑定touchstart/touchend绑定一个空的匿名函数即可 <script> var a=document.getElementsByTagName('a'); for(var i=0;i<a.length;...
Django中User表单的is_active的验证无效的解决方法
big_white_py的博客
10-17 2340
原文链接：https://blog.csdn.net/qq_39202382/article/details/88824786 Django在使用默认的认证系统进行登录校验的时候authenticate函数会连同数据库里面的is_active一起验证，这样的我们这么写的代码就会有问题 if user.is_active:段代码任何情况下都不会被执行，不会检测用户的活跃状态 解决方法 在 sett...
input标签中 :class=”{active=isActive}”的Boolean值没有效果的解决方法。
WineRice的博客
12-13 2156
问题描述： input标签中 :class=”{active=isActive}”的Boolean值没有效果的解决方法。 <template> <input v-bind:class="{ active: isActive }" name="asd" value="123"> </template> <script> export default { data() { return { isActive: ture
jakarta.el-3.0.3-API文档-中英对照版.zip
07-13
赠送jar包：jakarta.el-3.0.3.jar； 赠送原API文档：jakarta.el-3.0.3-javadoc.jar； 赠送源代码：jakarta.el-3.0.3-sources.jar； 赠送Maven依赖信息文件：jakarta.el-3.0.3.pom； 包含翻译后的API文档：jakarta.el...
javax.el-api-3.0.0.7z
06-05
javax.el-api <groupId>javax.el <artifactId>javax.el-api <version>3.0-b07 </dependency>
jakarta.el-3.0.3-API文档-中文版.zip
07-13
赠送jar包：jakarta.el-3.0.3.jar； 赠送原API文档：jakarta.el-3.0.3-javadoc.jar； 赠送源代码：jakarta.el-3.0.3-sources.jar； 赠送Maven依赖信息文件：jakarta.el-3.0.3.pom； 包含翻译后的API文档：jakarta.el...
javax.servlet-api-3.1.0.jar javax.el-api-2.2.4.jar javax.el-2.2.4.jar
02-21
综上所述，`javax.servlet-api-3.1.0.jar`, `javax.el-api-2.2.4.jar`, `javax.el-2.2.4.jar`这些文件对于构建基于Java的Web应用程序至关重要，它们提供了与Web服务器通信和处理用户请求的核心功能，同时也支持高效...
el-menu节点中更改背景颜色一直无效 (vue中局部修改elementui自定义样式方法）
weixin_38345306的博客
10-18 5562
vue中局部修改elementui自定义样式方法 我的问题：在el-menu节点中更改背景颜色一直无效(尝试了各种方法均无效) 解决方法：节点中直接写background-color="#4e6379"即可 <el-menu background-color="#4e6379"> vue中局部修改elementui自定义样式方法 在.vue文件中修改样式节点： 1.使用scoped scoped 用来限制当前样式只在当前页面中有用，在其子组件中无用 2.使用deep /deep/该样式也.
怎么让Element中的＜el-menu＞在刷新后保持当前选中的菜单展示菜单保持不变
qq_64725840的博客
07-12 2413
怎么让Element中的在刷新后保持当前选中的菜单展示菜单保持不变
element-plus使用el-menu组件时，el-menu-item出现不能选中默认值得情况
light的博客~~~
06-20 2020
解决问题
element el-menu选中后刷新页面 保持当前页选中状态且选中高亮
weixin_71160384的博客
12-01 1032
default-active属性代表当前激活菜单的 index，所以想让哪个页面作为项目一进来的首页，就写哪个页面的路径。一定要加上router属性，启用该模式会在激活导航时以 index 作为 path 进行路由跳转，项目的需求是要有选中的背景色且去掉下边框。
使用element-ui的el-menu刷新之后保持选中状态
王二的博客
03-09 3075
3、点击链接是可以完美做到刷新后会保持选中状态，但是当我们手动输入路由的时候，页面会跳转但是css样式不会改变。当输入的路由和当前的路由不一样的时候。第一次访问的时候sessionStorage是空的，所以要加入默认的路径。1、handleSelect函数官网示例给出的是2个参数key和keyPath，分别打印出来后是一样的都是当前的路径。原文链接：https://blog.csdn.net/qq_28262385/article/details/126003201。
vue element ui 导航刷新 is-active
weixin_30879169的博客
10-20 1876
<el-menu :default-active="$route.path" router mode="horizontal"> <el-menu-item v-for="route in routes" :key="route.path" :index="route.path" :class="$route.path==route.path?'is-a...
解决element-ui导航菜单开启路由模式路由跳转，但是激活菜单样式不生效的问题
weixin_45020094的博客
07-10 5035
开启路由模式后 :router=“true” 添加这行代码，完美解决 :default-active="$route.path"
.el-menu-item.is-active
03-03
.el-menu-item.is-active是Element UI框架中的一个CSS类名，用于表示当前选中的菜单项。当某个菜单项被选中时，会自动添加该类名，以便进行样式上的区分或其他操作。 相关问题: 1. Element UI是什么？ 2. 如何使用Element UI框架？ 3. Element UI提供了哪些常用的组件？
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值