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
即可读取到传递过来的参数
Vue编程式路由跳转传递参数的更多相关文章
- vue编程式路由实现新窗口打开
		
一. 标签实现新窗口打开: 官方文档中说 v-link 指令被 组件指令替代,且 不支持 target=”_blank” 属性,如果需要打开一个新窗口必须要用标签,但事实上vue2版本的 是支持 ta ...
 - vue_VueRouter 路由_路由器管理n个路由_并向路由组件传递数据_新标签路由_编程式路由导航
		
路由:就是一个 key 与 value 的映射关系.key 就是 pathh 前台路由的 value 是 Component 组件对象 后台路由的 value 是一个 回调函数 普通链接: 会发送请求 ...
 - vue编程式导航,命名路由
		
//使用 window.location.href 的形式,叫做 编程式导航 绑定事件的形式 <template> <div class="goods-item" ...
 - vue.js编程式路由导航   --- 由浅入深
		
编程式路由导航 实例中定义一个方法,这个方法绑定在标签上 然后就设置路由跳转 语法 this.$router.history.push('要跳转路由的地址') <!DOCTYPE html> ...
 - VueJs(10)---vue-router(动态路由,嵌套式路由,编程式路由)
		
vue-router(动态路由,嵌套式路由,编程式路由) 本文是基于官网学习,官网具体学习目录:vue-router 一.安装 基于vue-cli脚手架安装还是蛮简单的:在文件当前目录下运行: npm ...
 - 在React中使用 react-router-dom 编程式路由导航的正确姿势【含V5.x、V6.x】
		
## react-router-dom 编程式路由导航 (v5) ###### 1.push跳转+携带params参数 ```jsx props.history.push(`/b/child1/${i ...
 - 解决vue单页路由跳转后scrollTop的问题
		
作为vue的初级使用者,在开发过程中遇到的坑太多了.在看页面的时候发现了页面滚动的问题,当一个页面滚动了,点击页面上的路由调到下一个页面时,跳转后的页面也是滚动的,滚动条并不是在页面的顶部 在我们写路 ...
 - SpringMVC 解析(四)编程式路由
		
多数情况下,我们在使用Spring的Controller时,会使用@RequestMapping的形式把请求按照URL路由到指定方法上.Spring还提供了一种编程的方式去实现请求和路由方法之间的路由 ...
 - vue 路由 及 跳转传递参数的总结
		
博客地址:https://ainyi.com/4 vue-router vue-router 是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用.vue的单页面应用是基 ...
 
随机推荐
- VUE - 取消默认事件
			
1,在 methods 中 <template> <div> <form @submit="addTodo"> ...
 - 空中网4k/5k月薪挑选大四实习生的线程题
			
空中网4k/5k月薪挑选大四实习生的线程题 两年前,我们一个大四的学员去应聘空中网的实习生职位,空中网只给他出了三道线程题,拿回家做两天后再去给经理讲解,如果前两题做好了给4k月薪,第三道题也做出来的 ...
 - java执行操作系统脚本
			
http://www.cnblogs.com/bencakes/p/6139477.html 以前只是知道Runtime.getRuntime().exec(command);这种用法,但是有时候命令 ...
 - java 接口 2.19
			
接口中所有的方法都是抽象的和public的,所有的属性都是public,static,final的.
 - 实验吧-web-Guess Next Session(session简介)
			
看代码: <?php session_start(); if (isset ($_GET['password'])) { if ($_GET['password'] == $_SESSION[' ...
 - Hadoop数据压缩技术
			
一.Hadoop数据压缩及其优缺点 1.压缩技术的好处与坏处 好处: 减少存储磁盘空间 降低IO(网络的IO和磁盘的IO) 加快数据在磁盘和网络中的传输速度,从而提高系统的处理速度. 坏处: 由于使用 ...
 - Codeforces1243C Tile Painting
			
原题面:https://codeforces.com/contest/1243/problem/C 题目大意:给定数字n,有n个方块,第i个和第j个之间的距离(abs(i-j))如果是n的因子,那么第 ...
 - POJ3295 Tautology重言式
			
Tautology 思路很简单,对于p.q.r.s.t暴力枚举是0还是1,判断即可.判断时像写表达式求值那样用栈.为了方便可以从后往前,因为最后一个肯定不是运算.那几个奇奇怪怪的函数可以找规律然后转为 ...
 - UVA - 10635 Prince and Princess(LCS,可转化为LIS)
			
题意:有两个长度分别为p+1和q+1的序列,每个序列中的各个元素互不相同,且都是1~n2的整数.两个序列的第一个元素均为1.求出A和B的最长公共子序列长度. 分析: A = {1,7,5,4,8,3, ...
 - Codeforces735D Taxes(哥德巴赫猜想)
			
题意:已知n元需缴税为n的最大因子x元.现通过将n元分成k份的方式来减少缴税.问通过这种处理方式需缴纳的税费. 分析: 1.若n为素数,不需分解,可得1 2.若n为偶数,由哥德巴赫猜想:一个大于2的偶 ...