博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
父组件和子组件同是使用 beforeDestroy 钩子 保存同一份数据
阅读量:6590 次
发布时间:2019-06-24

本文共 586 字,大约阅读时间需要 1 分钟。

根据业务需求,进入页面先取 sessionStorage,在页面离开的时候,需要保存数据到 sessionStorage 里边,然后跳转到下个页面,进入到下个页面之后,就取 sessionStorage 里边的数据

比如后端需要的数据格式

{        settings:{            content: '这里是父组件需要保存的'            dataset: '子组件保存的内容'        }    }复制代码

父组件 和 子组件 同时 要 beforeDestroy 离开之前 保存数据,跳转到 A 页面, 进入 A 页面取 sessionStorage 里边的内容接着编辑,但是 数据是取到了,内容总是 子组件保存的内容, 父组件没有保存成功。

问题是需要让他们有先后保存的概念, 所以用到了异步 setTimeout进行保存 子组件的内容

beforeDestroy () {        setTimeout (() =>{            sessionStorage.setItem("streamJobEntity", JSON.stringify(data));        }, 0)     },复制代码

转载于:https://juejin.im/post/5c258921e51d452f4d1a217a

你可能感兴趣的文章
CJ看showgirl已经out!VR体验才是王道
查看>>
postgresql 数组类型
查看>>
Vue+Webpack常见问题(持续更新)
查看>>
栈与递归的实现
查看>>
Manually Summarizing EIGRP Routes
查看>>
spring boot 1.5.4 整合webService(十五)
查看>>
modsecurity(尚不完善)
查看>>
获取.propertys文件获取文件内容
查看>>
Redis3.0.5配置文件详解
查看>>
Know about Oracle RAC Heartbeat
查看>>
JQuery——实现Ajax应用
查看>>
前端05.js入门之BOM对象与DOM对象。
查看>>
oracle kill所有plsql developer进程
查看>>
keepalived双机热备原理及实例部署LVS+keepalived
查看>>
曲线学习PyQt5方案一
查看>>
企业私有云之rabbitmq高可用
查看>>
OpenCV学习】矩阵运算和操作2
查看>>
nginx+ffmpeg搭建rtmp转播rtsp流的flash服务器
查看>>
Win10 IoT C#开发 1 - Raspberry安装IoT系统及搭建开发环境
查看>>
关于在arm裸板编程时使用printf问题的解决方法
查看>>