router-link的属性

属性 to 

<router-link to='home'>

属性tag

tag可以指定<router-link>之后渲染成什么组件,比如下面的代码会被渲染成一个<li>元素,而不是<a>

<router-link to="/home" tag='li'>

也可以渲染成一个button,div等等组件

属性 replace

replace不会留下history记录,所以指定replace的情况下,后退键返回不能返回到上一个页面中

使用代码如下

<router-link to="home" tag="button" repalce>首页</router-link>

属性 active-class

当<router-link>对应的路由匹配成功时,会自动给当前元素设置一个router-link-active的class设置active-class可以修改默认的名称

  在进行高亮显示的导航菜单或者底部tabbar时,会使用到该类

 但是通常不会修改类的属性,会直接使用默认的router-link-active即可

router-link-class可以在路由实例中进行配置

linkActiveClass:'XXXX'