Router-Link 在前端用來提供路由的跳轉(zhuǎn)亲雪,通常搭配Router-view一起使用疚膊。Router-Link用來改變url路徑义辕,用Router-view來對 Router-Link 進(jìn)行跳轉(zhuǎn)后頁面顯示在什么地方做支撐。
to: 用于指定跳轉(zhuǎn)的路徑
tag:tag可以指定router-link之后渲染成什么組件灌砖,router-link默認(rèn)渲染成a標(biāo)簽璧函。
(注意:router-link用的跳轉(zhuǎn)是history.setState()方法基显,可以返回上一個頁面)
replace:用于改變router-link的跳轉(zhuǎn)方式蘸吓,改為history.replaceState().跳轉(zhuǎn)后的頁面不能進(jìn)行回退撩幽。
(當(dāng)router-link項被點(diǎn)擊激活后,對應(yīng)的標(biāo)簽會自動生成一個class屬性窜醉,為:
Class=”router-link-exact-active router-link-active”)
active-class:用于改變router-link項被激活后宪萄,自動添加的class類名榨惰。不用默認(rèn)的。
當(dāng)router-link比較多的時候琅催,可以在router下面的index.js里添加linkActiveClass:’active’