解决vuex中页面刷新数据丢失问题
2019-04-02 本文已影响0人
六摄
再使用vue进行开发的过程中,状态管理工具一般使用vuex进行管理。但是vuex数据存储在内存中,所以当前页面刷新数据会产生丢失现象。
解决这个问题,可结合H5特性本地存储。
代码如下:
![](https://img.haomeiwen.com/i10075804/a488c1cc18a65969.png)
在mutations中进行修改
![](https://img.haomeiwen.com/i10075804/558193f85b1fadac.png)
在这里提个小建议:vuex一般是用于解决兄弟组件中传递数据问题,不建议跨页面数据传送使用vuex。
再使用vue进行开发的过程中,状态管理工具一般使用vuex进行管理。但是vuex数据存储在内存中,所以当前页面刷新数据会产生丢失现象。
解决这个问题,可结合H5特性本地存储。
代码如下:
在mutations中进行修改
在这里提个小建议:vuex一般是用于解决兄弟组件中传递数据问题,不建议跨页面数据传送使用vuex。