声明式导航(route-link)(跳转传参)

一、需求

跳转传参可以完成当我们点击页面的时候,跳转到页面,发现页面中有我们点击的信息即跳转传参

二、语法

1、查询参数传参

发送方:

发现没有输入参数的时候点击链接是跳过了,但没有携带任何参数,所以我们带上语法试一下

发现跳转的链接url会出现key="",其中的key我们可以自定义

然后看接收方的关键字要不要写死,肯定不会写死,写接受语法

接收方:

动态接受之后,我们拿过来参数,那么根据这个参数肯定需要一个结果。所以我们要发起一个请求,那么在哪发起请求呢,肯定是在渲染之前,实例创建之后的created()

在created中如果要获取路由参数,需要添加this

2、路由动态传参

注意 这个:表示的动态路由的意思

动态路由扩展:可加可选符,这样不加参数也能匹配到

相关推荐
计算机魔术师4 分钟前
英伟达Q2营收翻倍,黄仁勋称实际需求远超70%指引
前端
计算机魔术师10 分钟前
英伟达129亿美元收购Hugging Face
前端
Shinner欣儿11 分钟前
React18 和 19 新特性结合看
前端·react.js
Java小卷1 小时前
低代码表单联动配置:从节点驱动到数据驱动
前端·低代码
DianSan_ERP1 小时前
WMS接入电商平台自动化履约实战:一张订单从平台到出库的接口时序设计
java·前端·网络·数据库·安全·架构·自动化
莪_幻尘1 小时前
手把手书写你的第一个 AI Agent:当 Skill 有了记忆、角色和主动性
前端·agent
原则猫2 小时前
设计模式
前端
光影少年2 小时前
react navite环境与工程化
前端·react native·react.js
PedroQue992 小时前
v2.6.0 新增全局返回守卫与 iOS 侧滑拦截,补齐跨端路由拦截能力
前端·uni-app
lichenyang4532 小时前
从「房间」到「实时通知」:用 NestJS + Socket.IO 实现团队邀请的完整工程实践
前端·后端