router-link属性
- 在前面的
<router-link>
中, 我们只是使用了一个属性:to
, 用于指定跳转的路径。
<router-link>
还有一些其他属性:- tag:
tag
可以指定<router-link>
之后渲染成什么组件, 比如上面的代码会被渲染成一个<li>
元素, 而不是<a>
<router-link to='/home' tag='li'>
- replace:
replace
不会留下history记录, 所以指定replace的情况下, 后退键返回不能返回到上一个页面中 - active-class: 当
<router-link>
对应的路由匹配成功时,会自动给当前元素设置一个router-link-active
的class, 设置active-class
可以修改默认的名称。- 在进行高亮显示的导航菜单或者底部tabbar时, 会使用到该类.
- 但是通常不会修改类的属性, 会直接使用默认的
router-link-active
即可.
- tag:
- 修改
active-class
具体的名称也可以通过router实例的属性进行修改