因为有的页面数据放在了同一个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)
      }
 }

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐