vue组件中，刷新浏览器后，表单数据就丢失了

vue组件中，刷新浏览器后，表单数据就丢失了，在组件更新的生命周期里面，重新请求，不会丢失数据，但是会一直不断的发送请求？？谁有解决办法吗

不能在更新的方法做处理，要在mounted方法发请求

代码贴出来

可以把数据存缓存里或者vuex里面
参考一下

表单中数据在页面刷新后不会被清除的方法_brook2的博客-CSDN博客 iview中的input表单中输入的数据刷新后不会被清除的方法表单中的数据填写到一半刷新网页的话会清楚里面已经储存的数据，这样的体验对于用户来说很不好，此篇文章是在vue中使用了iview中input组件，通过sessionStorage这个对象来优化。选择的是sessionStorage,选择的原因vue是单页面应用，操作都是在一个页面跳转路由，另一个原因是sessionStorage可以保证打开页面时sessionStorage的数据为空，而如果是localStorage则会读取上一次打开页面的数据 https://blog.csdn.net/qq_43190243/article/details/109824988?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522166926755916782428693214%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=166926755916782428693214&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~rank_v31_ecpm-1-109824988-null-null.nonecase&utm_term=vue%E7%BB%84%E4%BB%B6%E4%B8%AD%EF%BC%8C%E5%88%B7%E6%96%B0%E6%B5%8F%E8%A7%88%E5%99%A8%E5%90%8E%EF%BC%8C%E8%A1%A8%E5%8D%95%E6%95%B0%E6%8D%AE%E5%B0%B1%E4%B8%A2%E5%A4%B1%E4%BA%86&spm=1018.2226.3001.4450

formData 是data的数据，表单数据


// 此处是刷新浏览器之前，
//可以放在destroy（）{}
localStorage.setItem("formKey",this.formData);


// 此处是重新进入
//可以放在created（）{}
this.formData = localStorage.getItem("formKey");

请采纳谢谢

【解决VUE页面刷新，数据丢失的问题】，链接：https://blog.csdn.net/cddcj/article/details/126251117
思路1、利用localStorage/sessionStorage将数据储存在外部，做一个持久化储存
思路2、通过监听beforeunload事件来进行数据的localStorage存储，beforeunload事件在页面刷新时进行触发
思路3、基于对computed计算属性的理解，在有缓存的情况下，computed会优先使用缓存

form表单数据没有做缓存，你刷新浏览器，数据肯定要丢失的，想保留表单的数据，刷新不丢失，就需要对表单数据进行缓存设置

刷新浏览器本身就应该清除数据呀,刷新以后重新发送请求,这本来就是前端开发的正常流程呀,如果你想要不发请求,那就使用浏览器的本地存储localStorage,
网上一搜一大堆介绍localStorage怎么用的,

mounted请求