美文网首页开发碎片知识
Router-Link 各个属性的讲解

Router-Link 各个属性的讲解

作者: Gema玩家 | 来源:发表于2021-05-29 23:50 被阅读0次

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’


相关文章

网友评论

    本文标题:Router-Link 各个属性的讲解

    本文链接:https://www.haomeiwen.com/subject/hqtpsltx.html