记录前端的摸索--Vue3的带参数页面跳转

编程语言 2023-07-26 00:13:48 阅读次数: 0

Vue3的带参数页面跳转

在这里插入图片描述

在这里插入图片描述
先是加一个按钮，然后使用router全局路由去做带参数页面跳转，先在router的index.js文件里先要配置需要跳转的页面信息：
在这里插入图片描述
按照定义好的name属性来定位跳转（之前用的是path老是无法传参说undefined，但是能跳转），带上params参数传递。
在这里插入图片描述
在另一个页面直接使用OnMounted方法，渲染完就马上执行，使用route当前页面的路由去获取之前传来的参数。
在这里插入图片描述
就能实现带参的页面跳转拉

猜你喜欢

转载自blog.csdn.net/qq_44627822/article/details/128535271
今日推荐
NetBSD 禁止提交由 AI 生成的代码
Apache Doris 2.0.10 版本正式发布！
开源日报 | 大模型开战；大模型独角兽被曝卖身；周鸿祎建议谷歌开源所有产品；最大开源AI社区提供1000万美元共享GPU
开源日报 | Chrome内置Gemini的意义不在于Gemini；中国AI追随之路的五大误区；ECharts创始人“下海”养鱼；谷歌I/O开发者大会什么都有，只是没有惊喜
微软回应中国区AI团队“打包赴美”传闻
基于大语言模型的开源知识库问答系统 MaxKB GitHub Star 数量突破 5,000 个！
周排行
static方法和非static方法的区别（java）
如何查找计算机专业paper
java.lang.ClassFormatError: Incompatible magic value 0 in class file com/sitecha
跳跃游戏II
stm32_之【建立工程】
TeaWeb v0.0.9 发布，统计底层优化、主机监控功能改进
事件分发 -----控制字体大小
JavaScript DOM练习（动态表格添加） December 25，2019
JSF Scope & CDI
实现从零搭建一个登录注册页面（附源代码）
每日归档
更多
2024-05-19(0)
2024-05-18(4)
2024-05-17(34)
2024-05-16(6)
2024-05-15(24)
2024-05-14(0)
2024-05-13(18)
2024-05-12(0)
2024-05-11(38)
2024-05-10(38)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022