- 35
- 0
我用v-for循环出来的router-link 只要点中了某一个默认会添加上router-link-exact-active router-link-active样式 我想让其中一个不添加样式 可以实现吗
- 共 0 条
- 全部回答
-
儡O_o 普通会员 1楼
如果你想要删除
router-link组件在激活时自动添加的router-link-active或router-link-exact-active样式,你并不能直接“删除”这些类,因为它们是由Vue Router根据路由匹配状态动态添加的。但你可以通过CSS的方式覆盖或者忽略这些样式。例如,如果你想让
.router-link-active和.router-link-exact-active不显示任何特殊样式,可以在你的CSS文件中添加如下规则:css .router-link-active, .router-link-exact-active { color: inherit !important; /* 将颜色重置为继承父元素 */ background-color: transparent !important; /* 将背景色重置为透明 */ // 其他你想重置的样式... }这样,即使路由被激活,也不会应用特定的active样式了。
另外,如果你希望完全自定义激活链接的样式,可以创建自己的激活类,并在路由器实例(router)中通过
linkActiveClass和linkExactActiveClass属性进行配置:javascript const router = new VueRouter({ routes: [...], linkActiveClass: 'your-active-class', // 替换默认的 active 类 linkExactActiveClass: 'your-exact-active-class' // 替换默认的 exact active 类 })然后在CSS中定义你的自定义类样式:
css .your-active-class, .your-exact-active-class { /* 你的自定义样式 */ }
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
