路由传参

Posted 2023-05-08

参考技术A $route只读参数对象，$router只写路由对象

params传值就需要设置name属性，且不可以与path搭配使用，但是会出现数据丢失问题；

query传值既可以和path搭配也可以和name搭配；

它类似于a标签，在:to后面通过params和query传值；

<router-link :to="name:xxx,params:key:value">valueString</router-link>

在URL的路由地址后面加‘ /:参数 ’来进行传参，不用设置params和query，用 来解决刷新页面数据的丢失问题 ；

路由的query传参

参考技术A 跳转路由并携带query参数，to的字符串写法：

跳转路由并携带query参数，to的对象写法：

接收

除了以下文件，其他都和 多级路由 一样