鬼魂灵动

导航

数据回显问题

bugger:从自定义概览到事件分析回显问题(由于事件分析和自定义概览两部分都是各自发送请求所需要的数据,所以要将数据从自定义概览数据通过localStorage传递到事件分析部分进行展示,为了能够重新利用之前渲染数据的结构,对传递过去的数据进行结构改进(改成结构跟事件分析初次渲染数据结构相同,再进行回显。利用this.$router.push({name:"组件名",params:{chooseParams参数:false}))) 在事件分析处,通过this.$route.params.chooseParams参数进行判断在为false的时候将事件分析的this.数据=由localStorage中传过来的数据。

难点1:对数据结构进行改装

难点2:在事件分析子组件中要将改装数据通过props传递过去行不通,子组件获取不到,只能通过localStorage传递,并且判断路由参数中有chooseParams===false条件下才可以将数据赋值给到事件分析的子组件原数据,进行渲染

难点3:关联时间的回显,由于关联时间也是在一个事件分析子组件中,这个时间是通过localStorage中获取到时间的,然后我再通过this.$route.params.chooseParams===false,再通过localStorage去获取,就会难以判断到底使用哪个localStorage中的时间数据,等待解决办法

(解决办法,在路由跳转的瞬间就直接替换掉,而不是在父组件才对localStorage中数据进行操作,替换就是直接拿到localStorage中的key直接替换掉)localStorage.remove("key") 用于移除localStorage中的某个属性

posted on 2021-07-23 19:00  八十个英雄总教头  阅读(84)  评论(0编辑  收藏  举报