Vue.js 获取当前路由参数:方法与示例
在 Vue.js 中获取当前路由中的参数,可以使用 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)
}
})
原文地址: https://www.cveoy.top/t/topic/m4wx 著作权归作者所有。请勿转载和采集!