关于两个页面用params传数据,刷新后数据消失的解决
通常我们在两个页面传数据时,一般会采用params,query,或者将数据用vuex,localStorage,sessionStorage存储起来,然后方便其他页面调用数据,但是params和vuex有一个不好的地方就是只要我们在接受数据的页面刷新一下,传过来的数据就会丢失,怎么解决这个问题,当然最好不用喽请看用params传数据this.$router.push({name: 'oldDet
·
通常我们在两个页面传数据时,一般会采用params,query,或者将数据用vuex,localStorage,sessionStorage存储起来,然后方便其他页面调用数据,但是params和vuex有一个不好的地方就是只要我们在接受数据的页面刷新一下,传过来的数据就会丢失,怎么解决这个问题,当然最好不用喽
请看用params传数据
this.$router.push({name: 'oldDetail', params: {id: ids}})
目标页面接受数据代码为
this.id = this.$route.params.id
其中,我这里是用将路径用name代替了,希望你们可以看懂
路由这里是这样写的
{
path: '/oldDetail',
name: 'oldDetail',
component: oldDetail
},
想要解决接受数据页面刷新数据不丢失,只需将params改为query即可
如下所示
this.$router.push({name: 'oldDetail', query: {id: ids}})
上面是发送数据
this.id = this.$route.query.id
这里是接受数据
好了,本文到此结束
更多推荐
已为社区贡献15条内容
所有评论(0)