关于Vue全局刷新后页面数据保留问题
2019-03-01 23:58
232 查看
最近开始学Vue,菜鸟一枚,大神勿喷!
今天码代码,做了一个表单上传的页面,其中包含了文件上传,
文件上传到服务器后成功的获取到了返回的值,并赋值到了表单中的一个input hidden中,
但是后来却发现了一个问题,就是当其他input框中的数据改变时,我赋值的那个input hidden的值就会被清空,
于是咨询了一下朋友,告诉我可能是全局刷新的问题,谷歌一下,发现在这里需要用到缓存的方式,由于我的是一个单页面,数据只需要在这个页面存在时保留,所以最终采用了sessionStorage 来存储数据。
[code]// 存储,通过此方式将数据存入sessionStorage中,lastname表示存储数据的键,Smith是你要存的值 sessionStorage.setItem("lastname", "Smith"); // 取值,此为取出数据重新赋值到你需要赋值的位置,这样就可以在VUE进行刷新时保存数据,防止被清空。 document.getElementById("result").innerHTML = sessionStorage.getItem("lastname");
相关文章推荐
- vue传参页面刷新数据丢失问题
- 小记--关于页面缓存,刷新页面不会获取最新数据问题
- vue单页应用在页面刷新时保留状态数据的方法
- vue 后台数据获取与组件渲染、页面刷新数据消失的问题小结
- 解决IE11 vue +webpack 项目中数据更新后页面没有刷新的问题
- 解决vue 路由变化页面数据不刷新的问题
- vue-router中关于组件复用页面不刷新的问题
- 关于页面刷新vuex数据消失问题解决方案
- easyui关于解决tab添加的页面通过href加载数据内容的页面刷新后form表单重复提交的问题;
- vue页面刷新页面数据不在的问题
- Vuejs刷新页面子组件数据丢失问题的一点笔记
- 关于extjs中的tabpanel的刷新等若干问题,解决tabpanel内页面刷新,更新数据等问题。
- 关于刷新html页面,数据重复提交的问题
- 关于Vue项目路由栏去除“#”的处理方法及其刷新页面时出现404问题
- iOS-关于页面跳转时全局变量赋值不到的问题
- 在Asp.net 2.0 中禁用页面缓存解决页面刷新(重新加载数据)的问题!
- 关于获取页面元素的二进制数据并再次上传的问题的解决
- 关于htm新页面刷新原页面问题
- 关于activity被重启后viewpager的数据不刷新的问题
- 关于history.back()后,页面刷新的问题