Router-Link 各个属性的讲解

Posted 2023-03-09

参考技术A Router-Link 在前端用来提供路由的跳转，通常搭配Router-view一起使用。Router-Link用来改变url路径，用Router-view来对 Router-Link 进行跳转后页面显示在什么地方做支撑。

to: 用于指定跳转的路径

tag:tag可以指定router-link之后渲染成什么组件，router-link默认渲染成a标签。

(注意：router-link用的跳转是history.setState()方法，可以返回上一个页面)
replace：用于改变router-link的跳转方式，改为history.replaceState().跳转后的页面不能进行回退。

(当router-link项被点击激活后，对应的标签会自动生成一个class属性，为：
Class=”router-link-exact-active router-link-active”)
active-class：用于改变router-link项被激活后，自动添加的class类名。不用默认的。

当router-link比较多的时候，可以在router下面的index.js里添加linkActiveClass：’active’