当前激活路由的状态信息,包含当前url的信息
App.vue
<!-- 入口 -->
<router-link to="/detail/1?age=22&name=ymm">one</router-link>
<!-- 出口 -->
<router-view></router-view>
main.js
const router=new VueRouter({
routes:[
{ path: '/detail/:id', component: Detail }
]
})
Detail.vue
created(){
console.log(this.$route);
console.log(this.$route.path);
// #后面,?前面 哈希值路径/detail/1
console.log(this.$route.params);
// 动态路由参数{id: '1'}
console.log(this.$route.query);
// 查询参数{age: '22', name: 'ymm'}
}
本文介绍Vue.js中如何使用路由参数及查询字符串。通过一个具体示例展示了如何在Vue项目中配置路由并获取动态路由参数与查询参数。
1716

被折叠的 条评论
为什么被折叠?



