前端框架vue中query和params传参

前端框架vue中query和params传参

前端框架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

<template>

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

<template>

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

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

2:传递参数页

<template>

3:接受参数

<template>

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

1:query(成功)

<template>

<template>


分享到:


相關文章: