@query传参_前端框架vue中query和params传参

注意(用params传参，F5强制刷新参数会被清空，用query，由于参数适用路径传参的所以F5强制刷新也不会被清空。(传参强烈建议适用string))

也可以选用sessionstorage/localstorage/cookie存储，

params:参数不会显示到路径上

1：配置路径rutes

export default new Router({

routes: [

{

path: '/testVueRouter',

name: 'TestVueRouter',

component: TestVueRouter

},

{

path: '/testVueRouterTo',

// 一定要写name,params必须用name来识别路径

name: 'TestVueRouterTo',

component: TestVueRouterTo

}

]

})

2：传递参数：用$router

query传参

3：接受参数：用$route，少个r,注意啦

query：最好也用name来识别，保持与params一致性，好记了，路径传参

1：路径配置(跟params一样，代码不写了)

2：传递参数页

query传参

3：接受参数

下面我们采用path: '/testVueRouterTo'

1：query(成功)

query传参