通常我们在两个页面传数据时,一般会采用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

这里是接受数据
好了,本文到此结束

Logo

前往低代码交流专区

更多推荐