vue路由跳转传参的方式有哪些

最新推荐文章于 2024-07-27 11:33:23 发布

Clover‘s Blog

最新推荐文章于 2024-07-27 11:33:23 发布

阅读量116

点赞数

分类专栏： vue 文章标签： vue.js javascript 前端 Powered by 金山文档

本文链接：https://blog.csdn.net/Clover_zlx/article/details/129566497

版权

vue 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

文章详细介绍了在Vue.js中如何通过query和params两种方式传递参数，包括编程式导航和声明式导航的用法，展示了如何在路由配置和组件间进行参数传递。

摘要由CSDN通过智能技术生成

有两种：query 传参 params传参

编程式传参：
// 命名的路由
   this.$router.push({ name: 'user', params: { userId: 123 }})
// 带查询参数，变成 /register?plan=123
   this.$router.push({ path: 'register', query: { plan: '123' }})

声明式传参：
//子路由配置
{
  path: '/child,
  name: 'Child',
  component: Child
}
//父路由组件
<router-link :to="{name:'Child',query:{id:123}}">进入Child路由</router-link>
<router-link :to="{name:'Child',params:{id:123}}">进入Child路由</router-link>