vue路由資訊物件

2022-05-13 10:55:28 字數 781 閱讀 1416

乙個路由資訊物件表示當前啟用的路由的狀態資訊,每次成功的導航後都會產生乙個新的物件。

path字串,對應當前路由的路徑

params物件,包含動態路由引數

query物件,url查詢引數

hash字串,當前路由的hash值

fullpath字串,url包含查詢引數和hash的完整路徑

matched陣列,包含當前路由的所有巢狀路徑片段的路由記錄

name字串,包含路由的名稱

tag='li':修改預設的a標籤

exact:路徑精確匹配

全域性activeclass樣式:

在router資料夾下的index.js配置:

linkactiveclass:'is-active',

區域性activeclass樣式:

在行間設定: active-class='activeclass'

event='mouseover':在滑鼠移入時切換路由,預設是點選時切換,event來宣告用來觸發導航的事件,可以是乙個字串或者是包含字串的陣列。

如果位址列訪問的路徑沒有匹配的路由,在router資料夾下的index.js配置,

import nofound from '@/components/404'

// redirect:

redirect:(to)=>

}在裡寫的class,會渲染到所有匹配到的路由的頁面的根節點上。

vue 路由元資訊

meta meta後跟乙個物件 固定的 requiresauth 自定義 我們去自定義一段資訊來去匹配對應的功能,比如驗證登入 使用者中心 了才能檢視.我們給使用者中心路由加上這個標識,加了之後就需要驗證是否是登入狀態,如果是登入狀態我們才能正常檢視這個頁面 定義路由的時候可以配置meta字段 通過...

vue 路由物件屬性

更多路由屬性檢視官網 this.route.path 型別 string 字串,對應當前路由的路徑,總是解析為絕對路徑,如 foo bar this.route.params 型別 object 乙個 key value 物件,包含了動態片段和全匹配片段,如果沒有路由引數,就是乙個空物件。this....

Vue學習筆記之路由元資訊

定義路由的時候可以配置meta字段 const router new vuerouter 那麼如何訪問這個meta欄位呢?首先,我們稱呼routes配置中的每個路由物件為路由記錄。路由記錄可以是巢狀的,因此,當乙個路由匹配成功後,他可能匹配多個路由記錄 例如,根據上面的路由配置,foo bar這個 ...