2016 - 2024

感恩一路有你

vue store值刷新被清除 vue主动刷新页面及列表数据删除后的刷新实例?

浏览量:1450 时间:2021-03-11 14:32:43 作者:admin

vue主动刷新页面及列表数据删除后的刷新实例?

通常,当登录成功时,需要将用户信息和菜单信息作为全局共享数据放在vuex中。但是当刷新页面时,vuex中的数据将被重新初始化,从而导致数据丢失。由于vuex中的数据存储在运行内存中,因此刷新页面时,页面将重新加载Vue实例,并重新分配vuex中的数据方法1:将vuex中的数据直接保存到浏览器缓存(会话存储、本地存储、cookie)方法2:刷新页面时再次请求远程数据,这样就可以动态更新vuex数据方法3:在父页面后台请求远程数据,并在刷新页面之前将vuex中的数据保存到会话存储中(如果数据请求过多),加载页面时,您将无法获取返回的数据)

vuex存储信息,刷新页面后数据没了,有什么办法可以保留数据么?

vuex与window对象非常相似,因为它是spa,所以vuex可以进行状态管理。但是,刷新页面时,vuex将重置为其初始值。换句话说,如果您使用Vue执行多个页面,则不会保存您的状态。本地存储是H5本地存储的一种方式。本地存储器保存的数据总是永久保存的,也就是说,只要本地存储器保存了信息,数据就总是存储在用户的客户端。即使用户关闭当前web浏览器并重新启动,也允许数据存在。直到用户或程序明确地进行删除,数据的生命周期才会结束。所以你应该了解他们各自的情况。

vuex中的数据在页面刷新以后消失怎么办?

使用突变状态的自定义设置更改方法时,可以根据不同的场景存储在会话存储、本地存储或其他本地存储中。更改相应状态的初始化以从本地存储获取另一个本地存储。如果要存储JSON字符串,必须做相应的容错处理

然后必须使用vuex中的突变定义一个方法来清除数据,然后激活该方法来清除数据。

vue store值刷新被清除 vuex存储数据刷新页面 vuex刷新后数据存在吗

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