编程式跳转+传参并接收

主要的功能就是跳转+传参

跳转主要是通过$router.push（编程式跳转）来实现，传参是在跳转的时候一起带过去

这边用的是使用params传参（类似post）

这是跳转前的代码（相关操作已体现）

  
        
          表格一
        
  
  
        
           表格二
        
  

跳转前的表格 点击其中的某条数据（主要传的就是这两个东西）

 

//点击数据


//跳转+传参
function clickRowData(row) {
  this.$router.push({
    name: 'GO',    //GO即为接收页面定义的name
    params:  {
      orderNum: row.orderNum,
      tab: this.tab       //tab标签页name定义的值
    }
  }) 
}

在created中直接调用search方法就可以搜索到相关单号的信息

//在对应的接收页面中的created（页面一加载的时候就获取传的值）
this.orderNumFromOther= this.$route.params.orderNum
this.tabFromOther = this.$route.params.tab  //可以用来切换tab标签页



    
    查询
    重置

接收数据的页面的input关联的是orderNumFromOther  
所以在页面一加载的时候input框中的内容就是另一个页面传过来的

tab也和之前的页面相互对应

 这是tab=2时的效果图（和1时一样）