为了账号安全,请及时绑定邮箱和手机立即绑定

怎样使用localStorage保存页面中Vue渲染的列表,页面刷新后还原为之前的页面

怎样使用localStorage保存页面中Vue渲染的列表,页面刷新后还原为之前的页面

蓝山帝景 2019-02-27 16:15:43
查看完整描述

2 回答

?
至尊宝的传说

TA贡献1789条经验 获得超10个赞

有意思的问题~
刚想了一下,应用场景应该是要保留用户的操作,刷新页面后还原现场。如果能把要还原的组件内部所有状态保留到localStorage,应该就可以还原。
最傻的办法需要在每个组件内部单独维护自己的变量和localStorage里的对应关系,这样肯定可行但不灵活。
要通用的话,需要清楚vue是怎么获取组件实例对象,以及对象内部变量的存放路径。这不会是个简单的活,需要做很多抽象。
但两种方法的思路都是一样的:组件初始化时根据localStorage对组件变量赋值,监听变量变化并同步localStorage。
后来想到如果用vuex去管理这些需要还原的状态,实现起来会容易很多,但感觉如果不好好整理,会把vuex搞得很乱。。。
你要能完整的搞一套方案出来并落地的话一定会很出彩~

查看完整回答
反对 回复 2019-03-01
  • 2 回答
  • 0 关注
  • 1612 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信