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

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

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

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

知识点:

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

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

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

知识点:

模板取参:$route.query.hoscode

显示如下:

相关推荐
卡布叻_星星6 小时前
Vue 生态演进指南:主流框架搭配以及Vue CLI vs Vite 与 Vue2 vs Vue3 核心区别
笔记
华舞灵瞳6 小时前
学习FPGA(六)锁相环
学习·fpga开发
小裕哥略帅7 小时前
PMP学习笔记--环境
笔记·学习
liuaa417 小时前
期刊论文笔记
笔记
HXR_plume7 小时前
【Web信息处理与应用课程笔记3】个性化检索(上)
笔记
Darkershadow8 小时前
python学习之串口通信
python·学习
光影少年8 小时前
Vue2 Diff和Vue 3 Diff实现及底层原理
前端·javascript·vue.js
傻啦嘿哟9 小时前
隧道代理“请求监控”实战:动态调整采集策略的完整指南
前端·javascript·vue.js
JIngJaneIL9 小时前
基于java + vue个人博客系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot
C_心欲无痕9 小时前
vue3 - readonly创建只读的响应式对象
前端·javascript·vue.js