开发碎片知识

Router-Link 各个属性的讲解

2021-05-29  本文已影响0人  Gema玩家

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’


上一篇 下一篇

猜你喜欢

热点阅读