ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

vue3.0 router路由跳转传参

2026/9/30 7:43:35 拓冰建站 浏览量
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