如何设置vue-router二级导航默认高亮特定选项?

更新于
2026-09-28 08:23:42
0阅读来源:SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计401个文字,预计阅读时间需要2分钟。

如何设置vue-router二级导航默认高亮特定选项?

现在有一个需求是这样的:这个需求很常见!二级导航条,不是二级路由的(如果二级路由是用linkActiveClass来做的,我之前文章说过了),是单纯获取数据的按钮,当这个页面出现时,...

现在有一个需求是这样的:

如何设置vue-router二级导航默认高亮特定选项?

这个需求很正常吧! 二级导航条,不是二级路由的(如果是二级路由是用linkActiveClass来做,我之前文章说过),是单纯获取数据的按钮,当这个页面出现时,默认选中第一项。

首先:

上面的判断的意思是:如果你点击某一个选项把这个index传过去,activeName等于那一个传过来的index(index是遍历出来的数据如:1,2,3,4,5),就显示该个active或者index==pid,pid默认为0,所以index==0,就是默认第一个选项被选中。

阅读全文

本文共计401个文字,预计阅读时间需要2分钟。

如何设置vue-router二级导航默认高亮特定选项?

现在有一个需求是这样的:这个需求很常见!二级导航条,不是二级路由的(如果二级路由是用linkActiveClass来做的,我之前文章说过了),是单纯获取数据的按钮,当这个页面出现时,...

现在有一个需求是这样的:

如何设置vue-router二级导航默认高亮特定选项?

这个需求很正常吧! 二级导航条,不是二级路由的(如果是二级路由是用linkActiveClass来做,我之前文章说过),是单纯获取数据的按钮,当这个页面出现时,默认选中第一项。

首先:

上面的判断的意思是:如果你点击某一个选项把这个index传过去,activeName等于那一个传过来的index(index是遍历出来的数据如:1,2,3,4,5),就显示该个active或者index==pid,pid默认为0,所以index==0,就是默认第一个选项被选中。

阅读全文