解决vue 路由params传参在刷新之后不存在的问题

523 阅读1分钟
  1. query
query刷新页面也会有数据,判断用==强制转换 不要用=== 
router.push({ path: ‘user’, query: { userId: 123 }})

路由传参有两种方式,所以我们可以通过query传递参数

  1. params
params刷新页面就没数据了 router.push({ name: ‘user’, params: { userId: 123 }})

总结下:Vue页面之间传递参数可以通过路由的params和query传递参数,params的话,参数可以不在URL中出现(如果没在路由中注册的话),弊端是刷新的话,不在URL中出现的参数都会丢失,query就是查询参数,刷新不会丢失,缺点是会在URL中以查询字符串的形式展示,可能不利于敏感数据展示。另外,百度还有另外一种解决方案,通过本地存储的方式(storage、cookie)