Vue编程式路由跳转传递参数


Vue 有时在路由跳转时需要用到一些原页面里的数据,用以下方法:

1、在跳转页的方法里写下query参数

TableChange(scope){
          this.$router.push({
              path:'details',
              name:'details',
              query:{  //需要携带的参数
                  projectId:this.projectId,
                  projectName:this.projectName,
                  linkMan:this.linkMan,
                  phone:this.phone,
                  address:this.address,
                  builders:this.builders
              }
          })
      },

2、在目标页读取使用:

            this.$route.query

即可读取到传递过来的参数


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM