js调用app本地方法 本地state丢失怎么解决?
浏览量:3121
时间:2023-06-28 17:18:30
作者:采采
本地state丢失怎么解决?
.产生原因
store里的数据是能保存在运行内存中的,当页面可以刷新时,页面会重新载入vue实例,store里面的数据是会被新的赋值。
2.解决办法
方法一
将state里的数据能保存一份到本地存储(localStorage、sessionStorage、cookie)中
让页面在刷新前存store到localStorage中。其实,在页面刷新时的要读localStorage中的数据到store中,读取数据和储存都写在中。
exportdefault{
name:#34App#34,
created(){
//在页面重新登陆时将vuex里的信息保存到到localStorage里
(#34beforeunload#34,()a8{
(#34messageStore#34,(this.$))
})
//在页面加载时无法读取localStorage里的状态信息
(#34messageStore#34)ampamp
this.$(
(
this.$,
((#34messageStore#34))
)
)
}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
方法二
1、安装
npminstall--savevuex-persistedstate
1
1
2、在store.js中分解重组
js怎么向本地文件写入数据?
要是你想将数据能保存成txt,js只有IE才允许这种不能操作(funActiveXObject),其它浏览器均好像不行,我不知道node.js如何确定能利用,但就像js对文件都是读操作(用ajax)的比较多,下面给你找了个java的(js的也加进来了),c#,php也可,看你自己的选择
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。