2016 - 2024

感恩一路有你

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也可,看你自己的选择

数据 页面 store localStorage 文件

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。