传递参数两种类型

130 阅读1分钟

传递参数主要有两种类型:paramsquery

params的类型:

  • 配置路由格式:/router/:id
  • 传递的方式: 在path后面跟上对应的值
  • 传递后形成的路径: /router/123, /router/abc

query的类型:

  • 配置路由格式:/router,也就是普通配置

  • 传递的方式:对象中使用query的key作为传递方式

  • 传递后形成路径: /router?id=123, /router?id=abc

<router-link :to="{path: '/profile', query: {name: 'zhang', age: 20, height: 1.78}}">文件</router-link>
profileClick() {
           this.$router.push({
               path: '/profile',
               query: {
                   name: 'zhang',
                   ahe: 20,
                   height: 1.78
               }
           })

       }