路由跳转传参

一.名词解释

1.什么是路由？ 1.什么是路由？

  路由可以理解为地图，指引用户到达正确的地方（想要的页面）   

2.什么是动态路由？

  动态路由 指路由路径中 包含动态参数  

编程式导航，如何跳转传参？

1.path路径跳转 （路径简单）

• query传参 多个参数

  this.$router.push('/路径?参数名1=参数值1&参数2=参数值2')
  this.$router.push({
    path: '/路径',
    query: {
      参数名1: '参数值1',
      参数名2: '参数值2'
    }
  })
  

• 动态路由传参 单个

  this.$router.push('/路径/参数值')
  this.$router.push({
    path: '/路径/参数值'
  })
  

2.name命名路由跳转 （复杂路径）

• query传参

  this.$router.push({
    name: '路由名字',
    query: {
      参数名1: '参数值1',
      参数名2: '参数值2'
    }
  })
  

• 动态路由传参 (需要配动态路由) 单个

  this.$router.push({
    name: '路由名字',
    params: {
      参数名: '参数值',
    }
  })