Vue 设置选中路由的样式

在这里插入图片描述

   <style>
        .router-link-active {
            font-size: 30px;
            font-weight: 600;
            color: pink;
        }
    </style>

在这里插入图片描述

同时,也可自己设置链接激活时的CSS类名 >>> 通过路由的构造选项 linkActiveClass来全局配置

      var routerObj = new VueRouter ({
           routes: [],
           linkActiveClass: 'myactive'
       })

发布了39 篇原创文章 · 获赞 0 · 访问量 420

猜你喜欢

转载自blog.csdn.net/weixin_43912756/article/details/105022006