router link的其他屬性補充

2021-10-07 14:45:49 字數 647 閱讀 6839

在前面< router-link >中,我們只是使用了乙個屬性:to,用於指定跳轉的路徑

< router-link >還有一些其他屬性

tag:tag可以指定< router-link >之後渲染成什麼元件

首頁 關於

replace:replace不會留下history記錄,所以指定replace的情況下,後退鍵返回不能返回到上乙個頁面中

active-class:當< router-link >對應的路由匹配成功時,會自動給當前元素設定乙個router-link-active的class。

設定active-class可以修改預設的名稱

在進行高亮顯示的導航欄選單或者底部tabbar時,會使用到該類

但是通常不會修改類的屬性,會直接使用預設的router-link-active即可

首頁關於

可以直接在標籤裡面修改,也可以在路由裡面修改

修改 linkactiveclass

const router = new vuerouter()

router link的相關屬性

指定跳轉的路由 home home router link 不想router link渲染成 a 標籤?很簡單,只需要給新增乙個屬性tag即可 home tag button home router link 渲染成button about tag li about router link 渲染成l...

router link 各種屬性解釋

在vue1.0版本的超連結標籤還是原來的a標籤,鏈結位址由v link屬性控制 而vue2.0版本裡超連結標籤由a標籤被替換成了router link標籤,但最終在頁面還是會被渲染成a標籤的 至於為什麼要把a換成router link原因還是有的,比如我們之前一直慣用的n 導航裡面結構是 ul li...

「router link」各種屬性解釋

在vue1.0版本的超連結標籤還是原來的a標籤,鏈結位址由v link屬性控制 而vue2.0版本裡超連結標籤由a標籤被替換成了router link標籤,但最終在頁面還是會被渲染成a標籤的 至於為什麼要把a換成router link原因還是有的,比如我們之前一直慣用的n 導航裡面結構是 ul li...