需求分析
背景:
1.数据列表页,滚动加载数据;
2.多条数据情况下,点击某一条,进入详细页进行编辑(修改,删除)操作;
3.保存返回上一页;
在上面的情况下,想要保持在上次浏览位置,并且保持数据是最新的;
解决办法
1.原始的办法:在点击详情页的时候,记住浏览位置,传递参数或者存到本地缓存,然后在详情页操作完毕后,返回的时候,路由守卫可以判断,是否详情页跳转回来的,然后让页面滚动到上次记录的位置;
思路是这样,实际操作很麻烦;
2.推荐办法:使用vue动态组件keep-alive,搭配路由守卫