Lejeune 2020-03-29 22:26 采纳率: 50%
浏览 431
已采纳

vue导航栏组件当前激活状态没有变化,应该怎么解决

新手学习vue,用vue封装了一个简单的组件,里面实现了,点击跳转和跳转后,点击位置的字体变黄。但是发现点击之后黄标还是在原来的位置,



组件代码如下

图片说明

然后在另一个组件里面调用这个组件,发现黄色字体永远在第一个位置,不会随之变化。
这是什么样的问题呢?

  • 写回答

2条回答 默认 最新

  • 简_洋 2020-03-31 15:46
    关注

    你的a标签内的 class里面的花括号去掉。vue里面标签的属性不用加花括号。

    <a :class="active == i ? 'active' : '' ">{{item[0]}}</a>
    

    在一个就是你这个跳转路由了。下个组件就不知道你点了哪个。所以你要从跳转路由的时候把当前选中的数值带过去

    this.$router.push({
              path: path,
              query: {
                index: 当前选中的item的index
              }
            })
    

    在你跳转到的页面的created里面接收一下 this.$route.query.index

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 unity腾讯云对象存储机型适配
  • ¥15 求全国交通咨询模拟代码,要求如下,可以完全在dev c++运行
  • ¥15 根据要求修改程序编码
  • ¥15 用 Python 做一个用 Excel 表导入的答题系统
  • ¥15 使用微信开发者工具实现一个“婚博会”小程序
  • ¥15 ros的rviz仿真机器人
  • ¥15 关于#linux#的问题(输入输出错误):出现这个界面接着我重新装系统,又让修电脑的师傅帮我扫描硬盘(没有问题)用着用着又卡死(相关搜索:固态硬盘)
  • ¥15 cv::resize不同线程时间不同
  • ¥15 web课程,怎么做啊😭没好好听课 根本不知道怎么下手
  • ¥15 做一个关于单片机的比较难的代码,然后搞一个PPT进行解释