路由传参

114 阅读1分钟

主要有两种方式:params和query

params

  • 配置路由:/router/:id
  • 传递参数: 在path后加上需要传递的数据本身
  • 传递后形成的路径:/router/123/router/abc
  • 获取路由参数:this.$route.parmas.id

query

  • 配置路由: 无需配置,仍然是/router
  • 传递路由参数:
  • 字符串拼接`?id=123&name='abc'`
    
  • query对象` this.$router.push({path: '/router', query: {id:123, name: 'abc'}})`
    
  • 传递后形成的路径:/router?id=123&name=abc
  • 获取路由参数:this.$route.query.id