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

一、需求

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

二、语法

1、查询参数传参

发送方:

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

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

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

接收方:

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

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

2、路由动态传参

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

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

相关推荐
郑州光合科技余经理1 小时前
海外版外卖系统:如何快速搭建国际化外卖平台
java·开发语言·前端·人工智能·小程序·系统架构·php
小雨下雨的雨1 小时前
蜡笔小画家鸿蒙PC用Electron框架 - 儿童学画蜡笔画技术实现详解
前端·javascript·华为·electron·前端框架·交互·鸿蒙系统
天蓝色的鱼鱼1 小时前
别只拿 Playwright 写测试,这三个野路子用法才是真香
前端
SoaringHeart1 小时前
Flutter进阶|源码修改:DecorationImage 添加网络图片占位图
前端·flutter
小新1101 小时前
vue 实战项目 天气查询
前端·javascript·vue.js
7yue1 小时前
用 TypScript 学习 Claude Code
前端·typescript·claude
Rain5091 小时前
实战:搭建 AI Code Review 自动化流水线
前端·人工智能·git·ci/cd·自动化·ai编程·代码复审
Nian_Baikal1 小时前
从零搭建离线地图服务:Nginx + Cesium/Leaflet 实战指南
前端