Router-Link 各个属性的讲解

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’


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容