组件支持用户在具有路由功能的应用中(点击)导航。 通过 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标签
{{item.title}}
.tab_item{
&.router-link-active{ //表示router-link激活选中时的状态
.tab_span{
color: red;
border-bottom: 1px solid red;
}
}
}