-
// 直接调用$router.push 实现携带参数的跳转 this.$router.push({ path: `/describe/${id}`,
需要对应路由配置如下:
{ path: '/describe/:id', name: 'Describe', component: Describe }
//获取参数方法this.$route.params.id
-
this.$router.push({ name: 'Describe', params: { id: id } })
路由配置:
//这里可以添加:/id 也可以不添加,不添加数据会在url后面显示,不添加数据就不会显示 { path: '/describe', name: 'Describe', component: Describe }
//获取参数this.$route.params.id
-
//query传递的参数会显示在url后面?id=? this.$router.push({ path: '/describe', query: { id: id } })
对应路由配置:
{ path: '/describe', name: 'Describe', component: Describe }
//获取参数this.$route.query.id
注意:
在子组件中 获取参数的时候是$route.params 而不是
$router 这很重要~~~
相关文章
- 01-253种vue路由传参的基本模式
- 01-25vue ant-tab中页面切换使用component传参 props
- 01-25vue+element+aixos上传文件formData形式传参
- 01-25python之路--动态传参,作用域,函数嵌套
- 01-25umi + qiankun + vue 微前动态路由及数据共享学习笔记
- 01-25vue 动态组件的传值
- 01-25vue router动态路由
- 01-25python记录_day10 动态传参 命名空间 作用域
- 01-25vue 路由动态改变redirect值
- 01-25vue动态添加路由,跳转页面时,页面报错路由重复:vue-router.esm.js?8c4f:16 [vue-router] Duplicate named routes definition: {