angular + IOS 微信H5点击跳转的问题

Question

情况是这样的：
用户点击微信公众号的底部菜单栏“我要考试”，然后打开一个只有两个按钮的页面，每个按钮对应跳转一个新的页面。

当用户和点击“我要考试”的时候，打开页面了，出现按钮了，这时候随便一点击其中一个按钮，跳转（有跳转动作），但是，样式乱了。结果这时又出现跳转的动作，诶，又跳转回到两个按钮的页面。刷新一下页面，或者等待一会儿，再点击就会跳转成功。

请问，这是什么鬼情况啊？？？
我都无语了。

Answer 1

感觉像是因为第一个页面没有加载完成，然后就急忙点击按钮到下一个页面，结果就返回到第一个页面了。

看着是这样，个把原由也不清楚，所以，我就做了个延时显示按钮：

this.showBtn = false; // 为true才显示按钮

setTimeout(() => {
      this.showBtn = true;  // 
    }, 500);

然后真的就解决了...真是无语了。

Answer 2

首先在多个浏览器下测试一下，看看是不是浏览器的问题。如果不是，我感觉多半是你路由配置的问题，检查下路由逻辑