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

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

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

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

知识点:

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

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

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

知识点:

模板取参:$route.query.hoscode

显示如下:

相关推荐
han_9 小时前
前端高频面试题之Vue(初、中级篇)
前端·vue.js·面试
执携10 小时前
Vue Router (命名视图)
前端·javascript·vue.js
烤麻辣烫10 小时前
黑马程序员苍穹外卖(新手)Day1
java·数据库·spring boot·学习·mybatis
郭庆汝11 小时前
(二)自然语言处理笔记——Seq2Seq架构、注意力机制
人工智能·笔记·自然语言处理
提娜米苏11 小时前
Bash Shell脚本学习——唇读数据集验证脚本
开发语言·学习·bash
含若飞11 小时前
Vue 中 `watch` 与 `this.$watch` 使用指南
前端·javascript·vue.js
希冀12312 小时前
【Vue】第五篇
前端·javascript·vue.js
墨倾许12 小时前
《Windows 11 + Docker:极简DVWA靶场搭建全记录》—— 附详细排错指南与最终解决方案
windows·笔记·网络安全·docker·容器·靶场
华仔啊13 小时前
开源一款 SpringBoot3 + Vue3 数据库文档工具,自动生成 Markdown/HTML
vue.js·spring boot·后端
WPG大大通13 小时前
【经验分享】Genio 520/Genio720未使用引脚处理方法
经验分享·笔记·信号处理·模块测试·usb·功能模块