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

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

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

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

知识点:

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

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

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

知识点:

模板取参:$route.query.hoscode

显示如下:

相关推荐
海上彼尚1 小时前
无需绑卡的海外地图
前端·javascript·vue.js·node.js
摇滚侠2 小时前
零基础小白自学 Git_Github 教程,解决分支合并冲突,笔记14
笔记·git·github
c***21292 小时前
Springboot3学习(5、Druid使用及配置)
android·学习
每天吃饭的羊2 小时前
组件库的有些点击事件是name-click这是如何分装de
前端·javascript·vue.js
Coder-coco2 小时前
个人健康管理|基于springboot+vue+个人健康管理系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·mysql·论文
我是阿亮啊3 小时前
搭建Vue环境遇到的问题
javascript·vue.js·npm·node.js
GISer_Jing3 小时前
jx前端架构学习
前端·学习·架构
初级炼丹师(爱说实话版)3 小时前
JAVA泛型作用域与静态方法泛型使用笔记
java·开发语言·笔记
遇到困难睡大觉哈哈3 小时前
Harmony os——ArkTS 语言笔记(六):模块、导入导出与 `this` 关键字
笔记·harmonyos·鸿蒙
Zeku3 小时前
20251125 - 韦东山Linux第三篇笔记【上】
linux·笔记·单片机