vuex存储刷新页面刷新不缓存

最新推荐文章于 2024-04-25 18:50:18 发布
最新推荐文章于 2024-04-25 18:50:18 发布
阅读量311 收藏
点赞数
分类专栏： js vue 前端 文章标签： 缓存 vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lixu_boke/article/details/123072757
版权
前端 同时被 3 个专栏收录
30 篇文章 0 订阅
订阅专栏
vue
26 篇文章 0 订阅
订阅专栏
js
8 篇文章 0 订阅
订阅专栏

这种情况有知道有两种方式去解决，但是sessionStorage和localStorage的使用不知道为什么没有起作用；

sessionStorage和localStorage：

我在vue-vant-admin的H5项目中在app.vue中使用了replaceState

请大家指教一下为什么没有起作用

然后第二种方法可以；我使用了vuex-along的依赖

或者使用yarn add vuex-along；就看你有npm还是yarn，两个都行

之后你的依赖中就有有vuex-along

然后就是配置使用的问题；在你的项目中找到你的vuex配置文件

如果是vue-vant-admin也就是vue-elementui-admin的后台管理系统框架，直接就是store文件夹

最主要就是在index.js文件中配置这个vuex-along引入使用

 

 

 

lixu_boke
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-antd-admin使用体验(一) 概述
finedayforu的博客
11-11 1万+
一. vue-antd-admin简介 Vue Antd Admin是Ant Design Pro 的 Vue 实现版本, 是开箱即用的中后台前端/设计解决方案. 技术栈基于 ES2015+、Vue、Antd 你的本地环境需要安装npm、node 和 git 官方网站: https://iczer.gitee.io/vue-antd-admin-docs/ 官方文档: https://icze...
vuex刷新之后数据不保存的问题
Dj_Fairy的博客
08-31 299
思路： 在刷新之前存到本地存储（session localstorage sessionstorae） 在页面加载时读取sessionStorage里的状态信息再更新vuex数据 加载完之后之后再把storage删除 代码： 我这里用的插件good-storage作本地存储的 created() { //在页面加载时读取sessionStorage里的状态信息 if (storage.session.get('user')) { t
解决vuex在页面刷新后数据被清除的问题
lulula的博客
02-07 3万+
1.原因 2.解决方法 localStorage没有时间期限，除非将它移除，sessionStorage即会话，当浏览器关闭时会话结束，有时间期限，具有自行百度 我这里使用sessionStorage，这里需要注意的是vuex中的变量是响应式的，而sessionStorage不是，当你改变vuex中的状态，组件会检测到改变，而sessionStorage就不会了，页面
vue关于数据刷新消失问题
cyyy1223的博客
05-04 4096
问题1.在使用vuex过程中跳转页面上获得的state在刷新页面后变为初始值,即数据不能持久化解决方法：使用localstorage等存储，自己写起来总是有bug直接使用了vuex-persistedstate问题2.vue-router路由传参发现使用params传参后，页面刷新参数消失造成请求失败解决方法 this.$router.push('/xx',{ name:xx所对应的组件名.在路...
vue-ant-admin后台管理系统
前端-尔嵘
11-03 1万+
一、前言 前面我们使用了vue+element UI做的类似于人人开源的后台管理系统，朋友推荐了一款vue+AntDesign版本的后台管理系统模板，这个可以实现服务于企业级别的后台系统。各项功能和界面的给人一种全新的感觉。下面我们一起来学习一哈！ 二、介绍vue-ant 效果： 文档地址：https://www.antdv.com/docs/vue/introduce-cn/ 源码地址：https://github.com/vueComponent/ant-design-vue/ 组件类型
解决vuex数据页面刷新后初始化操作
10-15
然而，当页面刷新时，Vuex的state数据会初始化，导致之前存储的状态丢失。为了解决这个问题，我们可以采取以下两种策略： 1. **利用Web Storage缓存** 当浏览器窗口关闭或刷新时，可以利用`WebStorage`（通常是`...
vuex + keep-alive实现tab标签页面缓存功能
10-16
在这个场景下，我们可以利用`vuex`来存储和管理需要缓存的页面数据，以及当前选中的标签页信息。 在代码组织和设计方面，我们创建一个名为`cacheView`的`state`来保存需要缓存的组件名，另一个`toolBarData`用于...
vue项目实现前进刷新后退不刷新
07-02
另一种方法是利用Vuex来存储和恢复页面状态。在进入和离开页面时，通过`commit`操作将数据保存到Vuex的store中，然后在组件创建或激活时从store中恢复。 在组件中： ```javascript created() { this.$store....
vue中前进刷新、后退缓存用户浏览数据和浏览位置的实例讲解
10-17
在Vue.js应用中，我们经常需要处理用户导航时的数据缓存和页面状态的保存，以提供更好的用户体验。本文将详细讲解如何在Vue中实现前进刷新、后退缓存用户浏览数据和浏览位置。 首先，Vue提供了`<keep-alive>`组件来...
基于vue+vant搭建H5基础架构
duanyuehuan
12-01 3009
基于vue+vant搭建H5基础架构 主要功能 常用目录别名 Vant/Rem适配 scss支持、_mixin.scss、_variables.scss 页面切换动画+keepAlive 页面标题 自动注册：自动注册路由表/自动注册Vuex/svg图标引入 mock server axios封装、api管理 用户鉴权 vuex-loading vo-pages/dayjs/vconsole 生产环境优化 Vant/Rem适配 按照Vant官网推荐自动按需引入组件，同样，Vant官网中也有对Rem适配的推
vant-mall-admin-next
04-13
vant-mall-admin-next 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 整理和修复文件 npm run lint 自定义配置 请参阅。
vue3-antd-admin管理后台框架
weixin_42450579的博客
01-10 1万+
vue3-antd-admin它基于 vue3、vite、typescript 和 ant-design实现。它使用了最新的前端技术栈，开箱即用不含任何无用组件及代码， 内置3.0版本按需加载解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了实用的功能组件，它可以帮助你快速搭建企业级中后台产品原型。
vueAdmin前端学习笔记
weixin_46237429的博客
09-21 3028
1.安装VUE项目 第一步：vue-ui # 安装淘宝npm npm install -g cnpm --registry=https://registry.npm.taobao.org # vue-cli 安装依赖包 cnpm install --g vue-cli # 打开vue的可视化管理工具界面 vue ui 第二步：创建 第三步：详情 第四步：选择手动 第五步：配置 第六步：点击创建项目 第七步：启动项目 第八步：vsCode启动项目 npm run serve 2.安装elem
Vue - 基于vant的APP框架(navbar+tabbar+router)
iotjin的专栏
06-17 5781
demo 地址: https://github.com/iotjin/jh-vue-demo的app1项目 本篇主要介绍如何使用vant的navbar、tabbar和vue-router 创建一个vue版的APP基础框架(适配刘海屏) app的主界面一般由三部分构成：navbar + 主体内容 +tabbar，如下图： 所以需要创建navbar组件和tabbar组件，然后通过router-view映射组件，连通单个页面 1、首先要有Vue项目 Vue - Mac安装vue-cli4.x 并创建.
vue3.0项目中运用vant的以及移动端的适配
最新发布
chengcheng9876的博客
04-25 1777
vue3.0项目中运用vant的以及移动端的适配
vuex-----Store进行页面数据缓存，页面回退不刷新数据。
小行星住户的博客
07-06 3189
用户在一页表单中点击某列详情或其他操作，跳转入另一页面，在完成操作后返回前一页，期望前一页的表单页数停留在最后操作的那一页，而不是从新以第一页开始，这样会导致用户操作频繁，系统友好度非常低。 在以往的项目经验当中，keep-alive是一个很好的处理方式，但是keep-alive本身也存在一些坑，不小心就会给自己挖了慢满满的坑，在最新的项目当中，有使用到vuex进行状态管理，那么我们利用vuex来进行页面缓存也是一种可行的方法。......
vant ui 官方文档_基于vue的UI框架集锦(移动端+pc端)
weixin_39621427的博客
12-13 3万+
1. vonic 一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用，很简约，是我喜欢的风格 star 2.3k中文文档 在线预览2.vux 基于WeUI和Vue(2.x)开发的移动端UI组件库 star 10k基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制需要的样式。中文文档 在线预...
Vant—安装和引入
Poppy_LYT的博客
08-13 5370
Vant—安装和引入 第一步： 输入命令 cnpm i vant -S // windows版本 sudo cnpm i vant -S //mac版本 第二步：在main.js里输入 这样全部都引入了，不需要使用一个组件添加一个了 import Vant from 'vant'; import 'vant/lib/index.css'; Vue.use(Vant) ...
vant官方文档
热门推荐
weixin_45661544的博客
04-09 6万+
欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客： 全新的界面设计 ，将会带来全新的写作体......
页面刷新时如何实现vuex数据缓存
08-06
这样，在页面刷新时，Vuex存储的数据就会被保存到本地存储中，然后在页面重新加载后会初始化Vuex的数据，并恢复之前保存的状态。 需要注意的是，使用本地存储保存Vuex数据会增加额外的存储开销，并且当数据量较大时...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值