vite基础学习笔记:14.路由跳转(二)携带query参数

说明:自学做的笔记和记录,如有错误请指正

1. 路由跳转(携带query参数)

(1)第一层路由(点击卡片路由跳转至新页面-携带query参数)

知识点:

query传参对应的是pathquery ,参数会以键值对的形式添加到URL的查询字符串

以上代码运行:点击卡片后跳转到'' /hospital/register?hoscode=1000_13'',其中"1000_13"为对应的医院编码

(2)第二层路由(点击左侧导航栏路由跳转显示在数据栏-携带query参数-第一层取参)

知识点:

模板取参:$route.query.hoscode

显示如下:

相关推荐
云小逸5 分钟前
【Nmap源码学习】Nmap 网络扫描核心技术深度解析:从协议识别到性能优化
网络·学习·性能优化
代码游侠5 分钟前
学习笔记——Linux字符设备驱动
linux·运维·arm开发·嵌入式硬件·学习·架构
1104.北光c°7 分钟前
【黑马点评项目笔记 | 优惠券秒杀篇】构建高并发秒杀系统
java·开发语言·数据库·redis·笔记·spring·nosql
潇冉沐晴12 分钟前
div2 1064补题笔记(A~E)
笔记·算法
Jaxson Lin14 分钟前
Java编程进阶:智能仿真无人机项目3.0
java·笔记·无人机
梵得儿SHI17 分钟前
Vue 高级特性:渲染函数与 JSX 精讲(h 函数语法、JSX 在 Vue 中的应用)
前端·javascript·vue.js·jsx·模板语法·渲染函数·底层视图生成机制
中屹指纹浏览器25 分钟前
指纹浏览器技术落地实践:多场景适配与性能优化全解析
经验分享·笔记
David凉宸25 分钟前
Vue 3 项目的性能优化策略:从原理到实践(页面展示)
javascript·vue.js·性能优化
张人玉42 分钟前
WPF 多语言实现完整笔记(.NET 4.7.2)
笔记·.net·wpf·多语言实现·多语言适配
Hammer_Hans44 分钟前
DFT笔记28
笔记