猿问

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

蓝山帝景
浏览 1613回答 2
2回答

至尊宝的传说

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

相关分类

JavaScript
我要回答