router-link

vue中router-link标簽屬性

to

表示目标路由的連結。 當被點選後，内部會立刻把 to 的值傳到 router.push()，是以這個值可以是一個字元串或者是描述目标位置的對象。

Home

Home

Home

Home

Home

User

Register

replace

設定 replace 屬性的話，當點選時，會調用 router.replace() 而不是 router.push()，導航後不會留下 history 記錄。

append

設定 append 屬性後，則在目前 (相對) 路徑前添加基路徑。例如，我們從 /a 導航到一個相對路徑 b，如果沒有配置 append，則路徑為 /b，如果配了，則為 /a/b

tag

有時候想要 渲染成某種标簽，例如 • 。 于是我們使用 tag prop 類指定何種标簽，同樣它還是會監聽點選，觸發導航。

foo

• foo

• active-class

  設定 連結激活時使用的 CSS 類名。可以通過以下代碼來替代。

  Router Link Router Link 2

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

  exact-active-class

  配置當連結被精确比對的時候應該激活的 class。可以通過以下代碼來替代。

  Router Link Router Link 2

  event

  聲明可以用來觸發導航的事件。可以是一個字元串或是一個包含字元串的數組。

  Router Link

  以上代碼設定了 event 為 mouseover ，及在滑鼠移動到 Router Link上時導航的 HTML 内容會發生改變。