router-link的相关属性

1.to

指定跳转的路由

      <router-link to="/home">home</router-link>

2.tag

不想router-link渲染成<a>标签?
很简单,只需要给<router-link>添加一个属性tag即可

<router-link to="/home" tag="button">home</router-link>
<!--渲染成button-->
<router-link to="/about" tag="li">about</router-link>
<!--渲染成li-->

3.replace

如果想要取消浏览器的返回/前进操作

就需要用到replace

<router-link to="/home" tag="button" replace>home</router-link>

4.router-link-active

当某一个<router-link>元素处于活跃状态时,会自动添加一个router-link-exact-active属性
如果想要改变router-link-exact-active的属性名,则需要打开router文件夹下的index.js文件,在router实例下,添加

linkActiveClass: "active"

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值