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

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

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

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

知识点:

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

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

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

知识点:

模板取参:$route.query.hoscode

显示如下:

相关推荐
丝斯201113 小时前
AI学习笔记整理(49)——大模型应用开发框架:LangChain
人工智能·笔记·学习
saoys13 小时前
Opencv 学习笔记:循环读取文件夹中图片并动态展示
笔记·opencv·学习
梦65013 小时前
Vue3 计算属性 (computed) 与监听属性 (watch)
前端·javascript·vue.js
六月June June13 小时前
leaflet L.popup().setContent中挂载vue组件
前端·javascript·vue.js
阳光九叶草LXGZXJ13 小时前
达梦数据库-学习-43-定时备份模式和删除备份(Python+Crontab)
linux·运维·开发语言·数据库·python·学习
首席拯救HMI官13 小时前
【拯救HMI】HMI容错设计:如何减少操作失误并快速纠错?
大数据·运维·前端·javascript·网络·学习
乐观主义现代人14 小时前
gRPC 框架面试题学习
后端·学习·rpc
m0_7482546614 小时前
Vue.js 模板语法基础
前端·vue.js·flutter
别在内卷了14 小时前
三步搞定:双指针归并法求两个有序数组的中位数(Java 实现)
java·开发语言·学习·算法
星期五不见面14 小时前
机器人学习!(二)ROS-模型优化与加速(TensorRT)(4)2026/01/15
学习