如何实现处于当前页面使对应导航处于选中状态

lpccccc 2017-03-23 05:28:22

类似图片中的导航，当选择二级导航跳转到新页面时，一级导航是选中状态，如何判断及实现呢？
求大神帮忙
...全文
381 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
斯洛文尼亚旅游 2017-03-23
  • 打赏
  • 举报
 回复
获取url地址对比导航链接，找到对应的连接对象，然后给父容器加样式，可以参考这个：网站导航栏目焦点设置，只是需要你改为给一级导航加样式。
JS+JQ+Layui菜单栏点击URL跳转后保持选中状态
用户观感并不是很好，因此我们需要判断当处于当前选项卡对应的页面时，再次点击选项卡不会执行跳转操作。点击这个选项卡再次跳转到这个页面，这就导致用户体验极差且不会保留缓存数据。)时，页面切换到另一个页面，但是此时我。最近在开发个人网站，其中使用了“解决方式很简单，只需要在添加“”的函数处，同时设置该标签是“”选项卡成功被选中且保持高亮。”官方文档可知，当我们对“问题的解决有两种，可以使用。那么我们是不是可以通过“在我点击一个选项卡(解决，两种方式都行，
Vue-设置默认路由选中
需求分析： 　　一个导航组件，需要其中一个是选中状态，并且样式呈现高亮，选中的导航对应的页面也需要展示出来。 功能实现： router-link内置有一个选中状态，当处于当前路由时，会给 router-link 标签加一个类名 router-active-class；同时还提供有一个 exact 属性，当加了 exact 属性的时候表示精确匹配，也就是会精确匹配 Url，所以如果给主路由设置...
elementui 选中子页面时，保持左侧导航中父级的激活状态 :default-active=“activeMenu“
去配置子路由的页面，给meta加上这个属性即可
vue和element框架搭配实现当前菜单的高亮状态
在做vue项目时，我们可能会遇到点击侧边栏导航菜单切换到新页面后当前导航栏并没有高亮的情况 假设我们点击“各单位概况”后字体没有高亮，那么该如何设置呢？ 这里我仅提供自己实践的一种解决方法，欢迎大家提出意见或者补充方法。 假设路由及其他配置已正确 html关键代码设置 :default-active="activeIndex" js关键代码设置： computed:{ active...
Vue：如何保持导航栏的高亮状态
我们在利用Vue写后台管理系统时，对于导航栏我们需要保持其处于选择的高亮状态，大概要经过如下三个步骤： 为所需要的点击的二级菜单栏设置点击事件，把对应的index值保存在sessionStorage中 当页面刚被刷新创建时，将sessionStorage中的值取出来赋值给菜单栏进行激活 点击每一个二级菜单栏时，要给activePath重新赋值 下面来看一下具体的实现过程： 1.为二级菜单栏绑定点击事件saveNavState 2.把对应的index值保存在sessionStorage中 saveNav
JavaScript

87,994

社区成员

224,689

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章