问答

vue路由 根据#后面的url显示对应的菜单

作者:admin 2021-08-20 我要评论

比如 http://localhost :8080/#/1 那么菜单(路由)显示的是1下面的菜单 如果 http://localhost :8080/#/2 那么菜单(路由)显示的是2下面的菜单 我直接修改路由...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

比如http://localhost:8080/#/1

那么菜单(路由)显示的是1下面的菜单

如果http://localhost:8080/#/2
那么菜单(路由)显示的是2下面的菜单

我直接修改路由不生效

image.png

###

通过判断当前path,给菜单添加打开的class,
:class= "{'is-open' : $route.path === menuPath}"

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 使用箭头函数return数据不能实现

    使用箭头函数return数据不能实现

  • 个人小程序号能接入小程序3D地图吗?

    个人小程序号能接入小程序3D地图吗?

  • vue 移动端项目中,使用了better-scrol

    vue 移动端项目中,使用了better-scrol

  • css如何做出区域平均划分为四列

    css如何做出区域平均划分为四列

腾讯云代理商
海外云服务器