vue學習筆記一之


<router-link>組件支持用戶在具有路由功能中的點擊導航。通過to屬性指向目標地址,默認渲染成正確的a標簽

1.to屬性 字符串或是對象類型

點擊會立刻把內部to值傳送到router.push()

例:<router-link to="/Home">Home</router-link>

  <router-link :to="{name:'Home'}">Home</router-link>

  渲染結果:<a href="Home">Home</a>

2.replace屬性 布爾類型值

設置replace話,點擊調用router.replace();導航就不會留下history記錄

例:<router-link :to="{name:'Home'}" replace>Home</router-link>

3.append屬性 布爾類型值

設置該屬性后,則在當前的相對路徑前加上基路徑

例如,我們從 /a 導航到一個相對路徑 b,如果沒有配置 append,則路徑為 /b,如果配了,則為 /a/b

4.tag屬性字符串類型

如果想把<router-link>渲染成自定義標簽,

<router-link :to="{name:'Home'}" tag="li">Home</router-link>

渲染結果:<li>Home</li>

5.active-class屬性字符串類型(默認router-link-active)

設置鏈接激活時使用CSS類名,默認通過linkActiveClass來全局配置

6.exact屬性布爾類型值(默認false)

是否激活默認類名的依據是 inclusive match (全包含匹配)

 

<!-- 這個鏈接只有在地址為/的時候被激活 -->

 

<router-link to=”/” exact></router-link>

7.event屬性字符串類型值或者是數組字符串

聲明可以用來觸發導航事件,

8.exact-active-class屬性字符串類型值(默認router-link-exact-active)

配置當鏈接被精准匹配時候激活class,可通過linkExactActiveClass進行全局配置

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM