router-link相关用法小技巧

1. 在前面的<router-link>中,只需要使用属性: to,用于指定跳转的路径.

<router-lilik to='/home' tag='li'>
<router-lilik to='/home' tag='button'>

2. tag: tag可以指定之后渣染成什幺html标签,比如上面的代码会被渲染成一个<li>、 button元素,而不是<a>

3. replace: replace不会留下history记录,所以指定replace的情况下，后退键返回不能通过点击浏览器的返回按钮返回到上一 个页面去。

4. active-class``<router-lilik>组件内置了active被选中的样式router-link-active,我们可以自行给这个被选中时候加css样式，也可以通过router.js中router实例中添加 linkActiveClass:'active’来修改它的别名让全局被选中时候的样式。

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

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