解决vue页面刷新或者后退参数丢失的问题

前端之家收集整理的这篇文章主要介绍了解决vue页面刷新或者后退参数丢失的问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在toB的项目中,会经常遇到列表数据筛选查询的情景,当要打开某一项的详情页或者暂时离开列表页,再返回(后退时),选择的筛选条件会全部丢失,辛辛苦苦选择好的条件全没了,还得重新选择,如果有分页的更头大,还得重新一页页翻到之前看到的那一页,用户体验极度不友好。

我的解决有两种:

第一种方法

用vue 的,即在外套一层

虽然可以达到一定效果,但是控制起来比较麻烦,比如项目中并不是所有页面都需要缓存,代码写起来复杂

第二种方法

直接用localStorage,简单粗暴(推荐)

代码如下:

list.vue

{ console.log(response.data) }).catch((error)=>{ console.log(error) }) } } }

这种方法也受限于localStorage的局限性,不过可以通过使用cookie来弥补,具体不再详述。

以上这篇解决vue页面刷新或者后退参数丢失的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

猜你在找的Vue相关文章