vue路由跳转强制刷新页面，兼容ios系统

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