這篇文章將為大家詳細(xì)講解有關(guān)vue中router-link標(biāo)簽的屬性有哪些,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
成都創(chuàng)新互聯(lián)公司專注于網(wǎng)站建設(shè)|成都網(wǎng)站維護(hù)|優(yōu)化|托管以及網(wǎng)絡(luò)推廣,積累了大量的網(wǎng)站設(shè)計與制作經(jīng)驗,為許多企業(yè)提供了網(wǎng)站定制設(shè)計服務(wù),案例作品覆蓋邊坡防護(hù)網(wǎng)等行業(yè)。能根據(jù)企業(yè)所處的行業(yè)與銷售的產(chǎn)品,結(jié)合品牌形象的塑造,量身制作品質(zhì)網(wǎng)站。
to
表示目標(biāo)路由的鏈接。 當(dāng)被點擊后,內(nèi)部會立刻把 to 的值傳到 router.push(),所以這個值可以是一個字符串或者是描述目標(biāo)位置的對象。
Home HomeHome Home Home User Register
replace
設(shè)置 replace 屬性的話,當(dāng)點擊時,會調(diào)用 router.replace() 而不是 router.push(),導(dǎo)航后不會留下 history 記錄。
append
設(shè)置 append 屬性后,則在當(dāng)前 (相對) 路徑前添加基路徑。例如,我們從 /a 導(dǎo)航到一個相對路徑 b,如果沒有配置 append,則路徑為 /b,如果配了,則為 /a/b
tag
有時候想要 渲染成某種標(biāo)簽,例如
于是我們使用 tag prop 類指定何種標(biāo)簽,同樣它還是會監(jiān)聽點擊,觸發(fā)導(dǎo)航。
foo
active-class
設(shè)置 鏈接激活時使用的 CSS 類名。可以通過以下代碼來替代。
注意這里 class 使用 active_class="_active"。
Router Link 1 Router Link 2
exact-active-class
配置當(dāng)鏈接被精確匹配的時候應(yīng)該激活的 class。可以通過以下代碼來替代。
Router Link 1 Router Link 2
event
聲明可以用來觸發(fā)導(dǎo)航的事件??梢允且粋€字符串或是一個包含字符串的數(shù)組。
Router Link 1
以上代碼設(shè)置了 event 為 mouseover ,及在鼠標(biāo)移動到 Router Link 1 上時導(dǎo)航的 HTML 內(nèi)容會發(fā)生改變。
關(guān)于“vue中router-link標(biāo)簽的屬性有哪些”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,使各位可以學(xué)到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。