vue中的传参问题

1.router.go(-1)传参方式:某度上面给出的解决方案是通过bus传参,在vue中注册一个bus组件,通过bus.$emit(key,val)、bus.$on(key,()=>{})传递,但是这里有个缺陷就是在页面keepalive时会录入多个,并且页面无法服用,类似于vuex,>>>(不推荐使用)

2.sessionStorage.setItem(key,val)、sesstionStorage.getItem(key)存取,但是需要存入时用JSON.stringfy(val),转成字符串形式、取出时用J1SON.parse(val)解析

3.通过路由传参,无论是query形式还是params形式都会出现数据丢失的情况

4.通过vuex存储,这个是非常不推荐的,毕竟路由间的传值并不是公共状态

综上所述,个人认为在传值量少的情况下建议使用路由传值,但是在数据量大的情况下建议使用sessionStorage或者localStorage存取,但是需要处理好值得清空时机,以免影响参数的使用

posted @ 2022-11-24 22:38  键盘上的贾维斯  阅读(88)  评论(0编辑  收藏  举报