vue3.0 router路由跳转传参

一、路由跳转页面需要再组件页面引入

import {userRouter} from ‘vue-router’
const router=userRouter();//相当于vue2中的this.$router

路由跳转

router.push({name:'A'});
router.push({path:'/A'})

传参 query传参

router.push({name:'A',query:{id:""});
router.push({path:'/A',query:{id:''});

传参params

router.push({path:'/A',parmas:{id：''});

在接收页面定义变量route，获取传过来的变量

在组件内获取parmas传递的参数

import {userRoute} from ‘vue-router’
const route=userRoute();//相当于vue2中的this.$route
route.params.id

在组件内获取query传递的参数

import {userRoute} from ‘vue-router’
const route=userRoute();//相当于vue2中的this.$route
route.query.id