vue路由对象属性

1.  $route.path

Type : " String ",

字符串,对应当前路由的路径,总是解析为绝对路径,如 /foo/bar

 

2.  $route.parmas

Type : " Object " ,

一个 key/value 对象,包含了动态片段和全匹配片段,如果没有路由参数,就是一个空对象。

 

3.  $route,query

Type : " Object ",

一个key/value 对象,表示 URL 查询参数。例如,对于路径/foo?user=1,则有 $route.query.user == 1,如果没有查询参数,则是个空对象。

 

4. $route.hash

Type : " String " ,

当前路由的 hash 值 (带 #) ,如果没有 hash 值,则为空字符串。

 

5. $route.fullPath

Type : " String " ,

完成解析后的 URL,包含查询参数和 hash 的完整路径。

 

6.$route.matched

Type : " Array<RouteRecord> " ,

一个数组,包含当前路由的所有潜逃的路径片段的路由记录,路由记录就是 routes 配置数组中的对象副本 (还有在 children 数组),多用在elementUI的面包屑中

1 <el-breadcrumb-item v-for="item in $route.matched" :key="item.path">
2     {{ item.meta.title }} // meta中的title
3 </el-breadcrumb-item>

 

posted @ 2021-08-20 15:32  小黄花呐  阅读(352)  评论(0编辑  收藏  举报