vue router 传参

Question

大家好，关于路由传参，有个问题想请教下大家：

场景：component A 有一个form表单，里面有很多字段，我点搜索跳转到component B，根据传来的数据进行请求数据。

我的做法：以前字段少的时候，我会用类似path:/search/:id/:keywords来一个个设置，或者多字段的时候，把数据存到sessionStorage里面，到component B再获取sessionStorage。没有用vuex，因为刷新页面数据会丢失。

针对有很多字段的情况下，有没有什么更好的方法？

是不是用router.push({ path: 'search', query: { form: 表单data }})

Answer 1

过于复杂和过大的参数，都没法用路由传参，这个问题也纠结过我很久。因为 router 是靠地址栏活着的，过大的参数没法放入地址栏，过复杂的就更没戏了。我也是存到 sessionStorage 或 localStorage 中解决的，没找到更好的方法。除了 sessionStorage 或 localStorage ，还有 indexedDB ，不过更不符合场景。