vue-router传参问题

发布时间 2023-04-08 13:54:12作者: 水云间1980
// 字符串路径
router.push('/users/eduardo')

// 带有路径的对象
router.push({ path: '/users/eduardo' })

// 命名的路由,并加上参数,让路由建立 url
router.push({ name: 'user', params: { username: 'eduardo' } })

// 带查询参数,结果是 /register?plan=private
router.push({ path: '/register', query: { plan: 'private' } })

// 带 hash,结果是 /about#team
router.push({ path: '/about', hash: '#team' })

  

可以看出params对应的是name,而query对应的是path

其中params传参时,url上看不到参数,而query则在url地址上能看到参数。

params隐藏了参数,但是很容易丢失参数。