import { useRoute } from 'vue-router' const route = useRoute()
<div>route {{ route.fullPath }}</div>
分类 | 说明 |
---|---|
name | 匹配的路由名称 |
path | 经过百分号编码的 URL 中的 pathname 段 |
params | 从 path 中提取出来并解码后的参数对象 |
query | 代表当前地址的 search 属性的对象 |
matched | 匹配路由;数组,只包含直接的组件 (任何已被加载并在 components 对象内被替换掉的懒加载组件) 可以被直接用于展示路由。不包含重定向记录 |
<div>route {{ $route.fullPath }}</div>
{ path: "/login-guide", name: "login-guide", component: () => import("../views/LoginGuide.vue"), meta: { showNav: true }, }
<AppNav v-if="!$route.meta.showNav" />
{ path: "/product", name: "product", component: () => import("../views/ProductView.vue"), meta: { showNav: true }, }
<Cart :class="{ 'pos': $route.meta.showNav }" />
<div class="bread"> <div v-for="(item, index) in $route.matched" :key="index">{{ item.name }}/</div> </div>