通过路由对象进行判断当前css样式的显示与隐藏

可以解决ul>li 进行路由跳转而css样式的激活模式无需使用三元或函数判断就可以产生效果

 

示例

:class="{ current: $route.path == item.url }

解释:

  1. current 即为选定激活的 css 格式名称

  2. $route.path 当前路由对象的路径

  3. 当路由对象的路径等于判断的 item.url 时 current就会变为 true 模式

 

利用到的即为 $route.path 获取当前路由对象

posted @ 2022-11-16 00:58  Dollom  阅读(70)  评论(0)    收藏  举报