router link的相關屬性

2021-10-08 06:51:30 字數 823 閱讀 8623

指定跳轉的路由

"/home"

>home<

/router-link>

不想router-link渲染成<a>標籤?

很簡單,只需要給新增乙個屬性tag即可

"/home" tag=

"button"

>home<

/router-link>

<

!--渲染成button--

>

"/about" tag=

"li"

>about<

/router-link>

<

!--渲染成li--

>

如果想要取消瀏覽器的返回/前進操作

就需要用到replace

"/home" tag=

"button" replace>home<

/router-link>

當某乙個元素處於活躍狀態時,會自動新增乙個router-link-exact-active屬性

如果想要改變router-link-exact-active的屬性名,則需要開啟router資料夾下的index.js檔案,在router例項下,新增

router link的其他屬性補充

在前面 router link 中,我們只是使用了乙個屬性 to,用於指定跳轉的路徑 router link 還有一些其他屬性 tag tag可以指定 router link 之後渲染成什麼元件 首頁 關於 replace replace不會留下history記錄,所以指定replace的情況下,後...

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...