vue 带参数跳转_vue跳转页面的几种方法

vue 带参数跳转_vue跳转页面的几种方法vue2.0在使用的过程中,.vue文件之间的跳转,在template中的常见写法是:<router-linkto="/miniCard/statement/horizon"><buttonclass="btnbtn-defaultcolorDe">继续</button>&l

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

1.页面跳转的两种方法

// 1.使用path跳转
  pathTo () { 
   
      this.$router.push({ 
   
          path: '/b'
      })
  },
  // 2.使用name跳转
  nameTo () { 
   
      this.$router.push({ 
   
          name: 'b'
      })
  }

Jetbrains全家桶1年46,售后保障稳定

2.页面传参以及获取

// 使用path跳转,使用query传参,参数会拼接到url里面。缺点是刷新页面参数会丢失。b页面通过 this.$route.query 获取
   pathTo () { 
   
       this.$router.push({ 
   
           path: '/b',
           query: { 
   
               b: 'a页面的参数'
           }
       })
   },
   /* 使用name跳转,可以使用两种方式传参。 * 1.使用query传参,参数会拼接到url里面。缺点是刷新页面参数会丢失。b页面通过 this.$route.query 获取 * 2.params,b页面通过 this.$route.params 获取。类似于post传参,参数不会丢失 * */ 
   nameTo () { 
   
       this.$router.push({ 
   
           name: 'b',
           params: { 
   
               a: 'a页面的参数'
           },
           query: { 
   
               b: 'a页面的参数'
           }
       })
   }
  

在这里插入图片描述

// 使用path跳转,通过占位符形式,将参数拼接到路由里面,需提前在route里面定义,如上图。b页面通过 this.$route.query 获取,刷新页面参数不会丢失
   pathTo () { 
   
       this.$router.push({ 
   
           path: '/b/11'
       })
   }
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • C语言魔塔游戏[通俗易懂]

    C语言魔塔游戏[通俗易懂]很早就很想写这个,今天终于写完了。游戏截图:编译环境:VS2017下面我来介绍一下游戏的主要功能和实现方式首先是玩家的定义,使用结构体,这个名字是可以自己改变的structgamerole{ charn…

    2022年5月20日
    33
  • git修改gitignore不生效_github ignore

    git修改gitignore不生效_github ignore前言我在项目中采用Github代码托管仓库,由于部分项目文件,比如数据库文件不需要上传到网上,需要配置.gitignore文件,也就可以忽略版本控制,意思就是不上传它们。但是有一些文件一开始是期望忽略的,后来还是希望加入版本控制,上传到网上。不过直接从.gitignore文件中把它们移出来并不能解决问题,这些文件还是无法上传。百度的解决方式都大同小异,但是都有一个…

    2022年8月30日
    3
  • linux修改文件没有权限设置,Linux下修改文件权限(所有权)

    linux修改文件没有权限设置,Linux下修改文件权限(所有权)Linux与Unix是多用户操作系统,所以文件的权限与所有权的实现就显得很有必要;每个文件主要与三组权限打交道,分别是用户(user),用户组(group),其他用户(other)用户(u)是文件的所有者,通常有所有的文件的操作权限用户组(g)是多个用户的集合,可能有文件的部分访问权,相当于各用户之间的共享文件其他(o)是指文件所有者和用户组成员之外的任何人使用ls-l可以显示出当前目录下的文件…

    2022年9月12日
    4
  • linux下安装mysql(压缩包版安装)

    linux下安装mysql(压缩包版安装)1.mysql安装包(linux)下载链接:https://dev.mysql.com/downloads/mysql/根据自己需要选择版本完成压缩包下载。2.安装①目录(根据自己实际情况选择目录)压缩包放置目录:/home/testuser/softwareMysql目录安装位置:/usr/local/mysql数据库保存位置:/usr/local/mysql/data/mys…

    2022年5月12日
    39
  • Kotlin学习之路(3)控制语句

    Kotlin学习之路(3)控制语句

    2021年3月12日
    152
  • sql server jdbc

    sql server jdbc

    2021年5月5日
    113

发表回复

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

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