使用localStorage缓存消息(聊天页面)
2024-09-07 12:48:53
可以在聊天页面的created生命周期里面写如下代码,使得刷新后的页面和之前的是一样的
created(){
alert(11)
//在页面加载时读取localStorage里的状态信息
localStorage.getItem("userMsg") && this.$store.replaceState(JSON.parse(localStorage.getItem("userMsg")));
//在页面刷新时将vuex里的信息保存到localStorage里
window.addEventListener("beforeunload",()=>{
localStorage.setItem("userMsg",JSON.stringify(this.$store.state))
})
},
最新文章
- [NHibernate]第一个NHibernate的应用配置
- linux 安装nginx
- Vue.js常用指令总结
- [转]Android开发:Parallax效果的ScrollerView,改编自ParallaxListView
- Git使用ssh key
- PhoneGap,Cordova[3.5.0-0.2.6]:利用插件Cordova-SQLitePlugin来操作SQLite数据库
- 使用程序获取整型数据和浮点型数据在内存中的表示---gyy整理
- Git 使用相关
- 关于View和VIewController的关系和理解
- IIC 概述之3
- Phoenix和SQuirrel安装详解
- Ubuntu下搜狗输入法的安装教程
- JAVA笔记--static
- Swift Precondition 预处理
- 几种查询方法(lambda Linq Enumerable静态类方式)
- Google Voice号码使用说明及用途
- bnu 被诅咒的代码
- 微服务前端开发框架React-Admin
- 文本检测: CTPN
- C#进阶之路(七)反射的应用