Coisini 2019-05-28 17:58 采纳率: 0%
浏览 658
已采纳

vue-cli 3x + element-ui 导航栏菜单高亮问题

{
path: '/plan',
name: 'plan',
component: () => import('./views/plan/Plan.vue')
},
{
path: '/plandetails',
name: 'plandetails',
component: () => import('./views/plan/Plandetails.vue')
}

<el-menu
  :default-active="$route.path"
  router
  class="el-menu-vertical-demo"
  background-color="#58586E"
  text-color="#fff"
  active-text-color="#fff">
  <el-menu-item index="/plan">
    <i class="iconfont icon-jihua" style="font-size: 19px;"></i>
  </el-menu-item>
</el-menu>

    ![图片说明](https://img-ask.csdn.net/upload/201905/28/1559037119_126730.png)  点击导航栏的计划菜单进行路由跳转 ![图片说明](https://img-ask.csdn.net/upload/201905/28/1559037145_944908.png) 之后页面右侧会显示列表,![图片说明](https://img-ask.csdn.net/upload/201905/28/1559037214_390093.png), 点击某个列表会跳转到详情,![图片说明](https://img-ask.csdn.net/upload/201905/28/1559037302_313463.png),跳转到详情之后导航菜单就不高亮了![图片说明](https://img-ask.csdn.net/upload/201905/28/1559037349_19317.png),vue初学者,有点蒙,请各位大佬帮帮忙~~
  • 写回答

1条回答 默认 最新

  • Coisini 2019-05-28 18:26
    关注

    解决了

    default-active绑定了计算属性

    图片说明

    计算属性代码

    图片说明

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥20 代码实现状态连接包过滤防火墙的设计与实现
  • ¥15 vscode的红色箭头爆红和has no default export报错
  • ¥15 关于#sql#的问题:#情况描述 在用vs对项目进行调试时,出现找不到网络路径,然后查看SQL配置工具,发现SQL服务显示远程调用过程失败(相关搜索:防火墙)
  • ¥15 eNSP中基于默认路由及浮动路由的公司与分部互联和校园网综合项目
  • ¥15 主要进行描述泥浆在管路不同区段泥浆的密度不相同,泥浆的密度有高有低,此时管路的摩阻分布需要怎么计算,(标签-matlab)
  • ¥40 通过编制程序计算圆管内层流充分发展对流换热,参数如图5-4,以及公式5-16所示,要求用表5-6对程序计算准确性进行验证
  • ¥20 该学习哪个编程语言? AI会取代程序员吗?
  • ¥15 ensp如何拼通IP地址
  • ¥15 saber软件导入Ibis模型报错
  • ¥15 商城生产日期批次库存问题