vue路由传参如何保持刷新后参数不被清除？

Question

使用query传参

this.$router.push({path: `/shiftAccountSafe/${id}`, query: {search: this.search}});

另一个页面接参

console.log('search:', this.$route.query.search);

进入到页面是可以获取到参数

但刷新页面就获取不到了

求大神解答。。。

Answer 1

query里的每一项值应该是字符串，你传一个对象进去自然被强制转成[object Object]，可以看一下你的地址栏应该就是这样。
你需要修改所传参数search，不能直接用对象。

Answer 2

stringify一下你的query

Answer 3

在watch里监听$route对象，然后读取参数

Answer 4

如果实在没办法，我觉得你可以先把参数放到sessionstorage或者localstorage试试