vue获取当前路由中的参数
在Vue中获取当前路由中的参数,可以使用Vue Router提供的$route对象。
$route对象包含了当前路由的所有信息,包括路由参数、路径、查询参数等。
假设我们有一个路由配置如下:
{
path: '/user/:id',
name: 'user',
component: User
}
我们可以在组件中通过$route对象获取路由参数id的值:
export default {
mounted() {
console.log(this.$route.params.id)
}
}
同时,我们也可以在Vue实例中使用$route对象获取当前路由信息:
new Vue({
router,
created() {
console.log(this.$route.params.id)
}
})
原文地址: http://www.cveoy.top/t/topic/bAnj 著作权归作者所有。请勿转载和采集!