分类：页面刷新

2021
09-24

react纯函数组件setState更新页面不刷新的解决

目录问题描述：原因分析：解决方案：补：react中，hooks钩子时useState更新不渲染组件的问题问题描述：const[textList,setTextList]=useState(原数组);setTextList(新数组);当修改原数组时，如果原数组是个深层数组（不只一层），使用setTextList修改时，不会触发页面刷新原因分析：这个涉及到可变对象he不可变对象的知识，在vue和react中，如果更新可变对象时，可能会引起视图更新，这是因为，vue和react默认都是浅监听，只会... 继续阅读 >

2020
12-10

vuex页面刷新导致数据丢失的解决方案

解决vuex页面刷新导致数据丢失问题vuex数据是存在内存当中，当页面刷新之后vuex数据自然会丢失。我们有两种方法解决该问题:1.使用vuex-along2.使用localStorage或者sessionStroage1.使用vuex-alongvuex-along的实质也是将vuex中的数据存放到localStorage或者sessionStroage中，只不过这个存取过程这个组件会帮我们完成,我们只需要用vuex的读取数据方式操作就可以了,简单了解一下vuex-along的使用方法。安装vuex-along:npminstall... 继续阅读 >

2020
11-25

解决vue页面刷新，数据丢失的问题

在做vue项目的过程中有时候会遇到一个问题，就是进行F5页面刷新的时候，页面的数据会丢失，出现这个问题的原因是因为当用vuex做全局状态管理的时候，store中的数据是保存在运行内存中的，页面刷新时会重新加载vue实例，store中的数据就会被重新赋值，因此数据就丢失了，解决方式如下：解决方法一：最先想到的应该就是利用localStorage/sessionStorage将数据储存在外部，做一个持久化储存，下面是利用localStorage存储的具体方案：... 继续阅读 >

2020
10-09

Vue页面手动刷新,实现导航栏激活项还原到初始状态

场景描述：在页面中存在顶部导航和左侧导航，左侧导航和右侧内容区使用了命名视图实现，点击左侧导航的链接时，右侧内容区相应显示不同组件内容。问题：在当前链接手动刷新浏览器（例如：浏览器地址为/enterprise/list），顶部导航激活项还原到初始状态（这里默认是“工作台”项）。原理：每次刷新都会重新实例化Vue，也就是会调用created方法。<template><el-menu:default-active="defaultActiveIndex"class="el-menu-demo"mo... 继续阅读 >

2020
10-08

解决vuex数据页面刷新后初始化操作

在vue项目的开发中经常会用到vuex来进行数据的存储，然而在开发过程中会出现刷新后页面的vuex的state数据初始化问题！下面是我用过的解决方法1、利用storage缓存来实现vuex数据的刷新问题我们可以在mutation等vuex的方法中对于数据进行改变时，将数据同时存储进我们的本地浏览器缓存中；下面是我在mutation中写的方法；同步将数据的更改保存，也可以在页面调用vuex的mutation方法时同步更改；但是这种方法只能针对少量的数据需要保... 继续阅读 >