【文件属性】:
文件名称:vue中解决微信html5原生ios虚拟键返回不刷新问题
文件大小:52KB
文件格式:PDF
更新时间:2021-01-18 17:01:45
html html5 io
问题描述:
做微信h5页面时,经过了微信授权才跳转到一级默认路由home.vue中,因此在home页面时在IOS中底部会出现虚拟的返回键,安卓上不会出现。且在IOS点击返回时会跳转到home空白页面不重新加载,但是在安卓机上点击返回键会重新加载。
实现功能:
解决IOS问题(在home页面点返回时路由还是在home页面,并完成重新加载)
分析:
需要在进入页面时加入监听,并在页面离开时移除监听。因为home页面是个滚动列表,所以我采用了keep-alive路由缓存,所以不能在created()和beforeDestroy()生命周期中写,因此我在home.vue中加了组件内的守卫befo