vue路由跳转强制刷新页面,兼容ios系统
因为有的页面数据放在了同一个vue组建中,又因为开启了路由缓存,需要每次进入该页面的时候强制刷新一下页面,保证数据全部清空了,而且并不是每个页面去了都需要刷新,然后我方法methods: {flash(){this.$router.push('/home/ks')this.$router.go(0)// 第一种方法// window.location.reload(); // 第二种方法},}两个
·
因为有的页面数据放在了同一个vue组建中,又因为开启了路由缓存,需要每次进入该页面的时候强制刷新一下页面,保证数据全部清空了,而且并不是每个页面去了都需要刷新,我的解决方法:
方法
<div @click="flash">点我</div>
methods: {
flash(){
this.$router.push('/home')
// this.$router.go(0) // 第一种方法 不兼容ios系统
window.location.reload(); // 第二种方法 js原生方法
},
}
两个方法取一种方法就可以了,这两种方法都有一个弊端就是会闪一下屏幕,用户体验没有做到最好
遇到的问题
这时候多点击几下发现会出现了一个奇怪的bug,他会先执行刷新,在跳转,导致了跳转后没有执行刷新方法,还有一个bug就是 this.$router.go(0) 不兼容ios系统
解决
methods: {
// 后面想了想,直接用aysnc和await改为同步才是最正确的做法
async goHome() {
await this.$router.push('/home/ks')
// 兼容苹果的刷新
await window.location.reload();
// ios不生效
// this.$router.go(0)
}
}
更多推荐
已为社区贡献4条内容
所有评论(0)