這篇文章將為大家詳細講解有關(guān)vue中router-link標簽的屬性有哪些，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供五蓮網(wǎng)站建設(shè)、五蓮做網(wǎng)站、五蓮網(wǎng)站設(shè)計、五蓮網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、五蓮企業(yè)網(wǎng)站模板建站服務(wù)，十載五蓮做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。

to

表示目標路由的鏈接。 當(dāng)被點擊后，內(nèi)部會立刻把 to 的值傳到 router.push()，所以這個值可以是一個字符串或者是描述目標位置的對象。

Home

Home


Home


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

有時候想要 渲染成某種標簽，例如

于是我們使用 tag prop 類指定何種標簽，同樣它還是會監(jiān)聽點擊，觸發(fā)導(dǎo)航。

foo

foo

active-class

設(shè)置 鏈接激活時使用的 CSS 類名。可以通過以下代碼來替代。 

 Router Link 1
 Router Link 2

注意這里 class 使用 active_class="_active"。

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 ，及在鼠標移動到 Router Link 1 上時導(dǎo)航的 HTML 內(nèi)容會發(fā)生改變。

關(guān)于“vue中router-link標簽的屬性有哪些”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

本文題目：vue中router-link標簽的屬性有哪些-創(chuàng)新互聯(lián)
文章URL：http://weahome.cn/article/deogdp.html