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

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

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

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

知识点:

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

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

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

知识点:

模板取参:$route.query.hoscode

显示如下:

相关推荐
wuhen_n1 天前
TypeScript 强力护航:PropType 与组件事件类型的声明
前端·javascript·vue.js
wuhen_n1 天前
组件设计原则:如何设计一个高内聚、低耦合的 Vue 组件
前端·javascript·vue.js
独泪了无痕1 天前
Vue调试神器:Vue DevTools使用指南
vue.js·前端工程化
齐生12 天前
iOS 知识点 - 渲染机制、动画、卡顿小集合
笔记
优秀稳妥的JiaJi2 天前
基于腾讯地图实现电子围栏绘制与校验
前端·vue.js·前端框架
好雨知时节t2 天前
Pinia中defineStore的使用方法
vue.js
_Eleven2 天前
Pinia vs Vuex 深度解析与完整实战指南
前端·javascript·vue.js
技术狂小子2 天前
# 一个 Binder 通信中的多线程同步问题
javascript·vue.js
阿懂在掘金2 天前
Vue 表单避坑(二):多个 v-model 同时更新,为什么数据丢了?
前端·vue.js
an317422 天前
解决 VSCode 中 ESLint 格式化不生效问题:新手也能看懂的配置指南
前端·javascript·vue.js