微信ios浏览器回退不会触发刷新问题如何解决?

我有个页面是填表的,最下面有个链接,可以跳转到类似百度,想要实现点击链接跳转到百度,之后回退后,之前填的数据还是存在。
用vue写的工程,在mounted添加事件,读取之前缓存下的输入数据。但是微信的ios回退的时候不会触发刷新事件,所以页面没法加载之前填写的数据。
我在vue工程中添加监听事件,但是回退是由比如说 百度 返回到 填表页面,所以不会触发这个事件

window.addEventListener('popstate', (e) => {
window.location.reload()
})

请问有什么好的解决方式呢

阅读 4.3k
3 个回答
新手上路,请多包涵

类似草稿的效果?存sessionStorage呢

你这样做,popstate是不会触发的。

A popstate event is dispatched to the window every time the active history entry changes between two history entries for the same document.

大致意思就是:每当活动历史记录条目在同一文档的两个历史记录条目之间发生变化时,popstate事件才会触发。
看清楚是同一document。

再说你的需求
你把数据存放到storage里,就算是在ios里,页面js还是会重新执行的,所以在mouted钩子函数中,把数据从storage里取出初始化下,就行了。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题