Vue页面跳转传参

Vue页面跳转传参在有些时候 我们需要跳转到其他页面 但是没有接口将相应的数据传过去 需要前端自己将数据传到另一个页面 那这样的情况怎么做呢

在有些时候,我们需要跳转到其他页面,但是没有接口将相应的数据传过去,需要前端自己将数据传到另一个页面,那这样的情况怎么做呢?

要进行传递参数的页面

首先,在相应的button按钮上,将点击事件附上

 
  

然后在 methods 下将点击事件添加

 methods: { // 跳转到传递参数页 goChange(row) { this.$router.push({ path: '要跳转的页面地址', query: { cardNoFirst: row.cardNoFirst, cardNoEnd: row.cardNoEnd }// 要传递的参数 }) } }

要接受参数的页面

data() { return { cardNoFirst: '', cardNoEnd: '' } }, watch: { '$route': 'gettingData' }, created() { this.gettingData() }, methods: { // 获取数据 gettingData() { var queryCardNoFirst = this.$route.query.cardNoFirst var queryCardNoEnd = this.$route.query.cardNoEnd this.cardNoFirst = queryCardNoFirst this.cardNoEnd = queryCardNoEnd } }

或者更简单的(接收参数的页面)

data() { return { cardNoFirst: this.$route.query.cardNoFirst, cardNoEnd: this.$route.query.cardNoEnd } }

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/228974.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月16日 下午5:45
下一篇 2026年3月16日 下午5:46


相关推荐

  • CSDN社区_毒APP公告

    CSDN社区_毒APP公告用户为本,让用户成为CSDN产品的主人,为此,我们特开设了CSDN产品公告栏,切实听取大家对新功能的反馈,定期抽取部分反馈用户赠送精美礼品一份!在过去一周,CSDN研发团队又上线了哪些功能呢?让我一起看下:CSDNAPP发布最新版,新增大厂在线刷题功能CSDN博主排名更新,原创优质博文更容易得到曝光MD编辑器优化操作更便捷更加极客酷炫的博客皮肤3.0上线绑定脉脉即可获得专属勋…

    2026年4月17日
    4
  • 时钟周期,机器周期,指令周期的区别是什么_紫外分光吸光度大于1

    时钟周期,机器周期,指令周期的区别是什么_紫外分光吸光度大于1时钟周期     时钟周期也称为振荡周期,定义为时钟脉冲的倒数(时钟周期就是单片机外接晶振的倒数,例如12M的晶振,它的时钟周期就是1/12us),是计算机中的最基本的、最小的时间单位。    在一个时钟周期内,CPU仅完成一个最基本的动作。时钟脉冲是计算机的基本工作脉冲,控制着计算机的工作节奏。时钟频率越高,工作速度就越快。     8051单片机把一个时钟

    2022年10月13日
    4
  • Stata字符型与数值型数据的转换——上市公司证券代码字符型与数值型的互换

    Stata字符型与数值型数据的转换——上市公司证券代码字符型与数值型的互换实现效果假设 000001 000012 000123 002345 为某些上市公司证券代码 上市公司实证研究中 常常需要用到上市公司证券代码 将字符型转为数值型比较容易 直接用 destring 命令即可实现 但是数值型转为字符型并且补齐 6 位数的命令比较少见 字符型转为数值型 destringStkc replace 数值型转为字符型 tostringStkc

    2025年9月19日
    6
  • hashmap源码深度解析_redis的hash数据结构

    hashmap源码深度解析_redis的hash数据结构HashMap可以说是Java中最常用的集合类框架之一,是Java语言中非常典型的数据结构,我们总会在不经意间用到它,很大程度上方便了我们日常开发。在很多Java的笔试题中也会问到,最常见的,“HashMap和HashTable有什么区别?”,这也不是三言两语能说清楚的,这种笔试题就是考察你来笔试之前有没有复习功课,随便来个快餐式的复习就能给出答案。

    2025年10月22日
    6
  • 如何将word转为html_word转html工具

    如何将word转为html_word转html工具推荐可以试用FreeSpire.DocforJava免费控件哦,它支持将htmlstring和htmlfile转word,代码操作简单,转换效果也很好。Htmlfile转wordimportcom.spire.doc.*;importcom.spire.doc.documents.XHTMLValidationType;publicclasshtmlFileToWord{pu…

    2022年10月12日
    7
  • 拉格朗日中值定理_拉格朗日中值定理解决高考题

    拉格朗日中值定理_拉格朗日中值定理解决高考题定理表述定理表述如果函数f(x)满足:(1)在闭区间[a,b]上连续;(2)在开区间(a,b)内可导;那么在开区间(a,b)内至少有一点使等式成立。其他形式其他形式记令则有上

    2022年8月6日
    9

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号