uni-app怎么让页面在登录进来刷新一次数据

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uni-app怎么让页面在登录进来刷新一次数据相关的知识,希望对你有一定的参考价值。

uni-app怎么让页面在登录进来刷新一次数据,使用onShow:function( )每点击一次就刷新,过于繁琐

参考技术A 在onshow里面获取本地存储的信息,如果登录信息的状态发生改变就刷新数据

Vuex 刷新页面后数据就消失了,怎么保存数据持久化?

参考技术A 1 .如果想让某些数据页面刷新之后不消失,那就可以结合本地存储做到数据持久化
2 .比如之前的搜索记录,还有一些需要依赖的数据。比如本次活动的代号存下来,让我在一段时间内,根据这个编号来确定相关代号代表的一批数据可以缓存在本地,一遍在下一次请求的时候快速返回
3 .实现原理:在mutations定义的方法里对vuex的状态操作的同时对存储也做相应的操作
4 .插件vue-savedata,vuex-persistedstate
5 .实际实现:监听浏览器的刷新,刷新之前把vuex存在本地,在路由拦截处获取本地储存,放进vuex并删除本地存储,可以自由控制存localstorage和sessionStorage,完全避免插件来消耗性能。
6 .不同页面之间的数据传值,vuex适合组件间传值。
7 .有的问题研究一分钟和一个小时,是会发现不同的问题。

1 .vuex存储在内存。localstorage则以文件的方式存储在本地
2 .应用场景:vuex用于组件之间的传值,localstorage则用于不同页面之间的传值
3 .永久性:当刷新页面时vuex存储的值会丢失。localStorage不会删除
4 .localstorage:只能进行简单的数据读写,对不同组件之间读取数据并做数据转化时,需要对每个读写操作都写一遍代码,重点是存放
5 .vuex是状态管理,重点是管理数据,一个是数据容器,一个是数据管理器。

下列选项(默认保存store中的每个数据到本地 )

可以为您的特定需求配置插件: (参数都是可选的:有默认值)

1.store/index.js

以上是关于uni-app怎么让页面在登录进来刷新一次数据的主要内容,如果未能解决你的问题,请参考以下文章

用JS怎么实现刷新页面后保留刷新前的页面上的数据显示

Vue - 路由传一个Object参数,刷新页面后数据变成“[Object Object]“ 解决方案

uni-app 中如何实现上滑分页和下拉刷新

uni-app 页面触底刷新

JQUERY关于无刷新页面

Vuex 刷新页面后数据就消失了,怎么保存数据持久化?