组件支持用户在具有路由功能的应用中(点击)导航。 通过 to 属性指定目标地址,默认渲染成带有正确链接的 标签,可以通过配置 tag 属性生成别的标签.。另外,当目标路由成功激活时,链接元素自动设置一个表示激活的 CSS 类名,就是router-link-active,我们就可在a标签被点击时,给a标签添加颜色或背景

    如果你觉得router-link-active这个名字过长时,你可以在main.js中,

    let router=new VueRouter({
    router-link-active:’active’

    })

    例子:router-link: 其中tag=’div’表示router-link为div标签


    .tab_item{
    &.router-link-active{ //表示router-link激活选中时的状态
    .tab_span{
    color: red;
    border-bottom: 1px solid red;
    }
    }
    }