怎么定义vue-router的动态路由以及如何获取传过来的动态参数?

怎么定义vue-router的动态路由以及如何获取传过来的动态参数?

有props啊。。

https://router.vuejs.org/zh/guide/essentials/passing-props.html

写的很清楚

举个例子给你看下,你就明白了
// 动态参数定义 用:引导
const User = {
  template: '<div>User {{ $route.params.id }}</div>'
}
const router = new VueRouter({
  routes: [{ path: '/user/:id', component: User }]
})


// 模版中通过$route.params.id 获取
const User = {
  template: '<div>User {{ $route.params.id }}</div>'
}

 

在router目录下的index.js文件中,对path属性加上/:id。
使用router对象的params.id。

看看这个路由传参https://zhuanlan.zhihu.com/p/143265359

您好,我是有问必答小助手,您的问题已经有小伙伴解答了,您看下是否解决,可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~

ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632