Vue兼容苹果跳转回退不刷新页面（不触发mounted）

苹果跳转回退不刷新页面

• 场景一：当点击某个按钮 跳转到其他页面，再次返回就不会刷新页面，不刷新页面导致数据还是老数据。
• 场景二：在缴费系统中，用户选中一定金额，由于临时更变金额，点击取消支付，回来也会导致页面不刷新，在次拉起支付还是之前的价格

  // 兼容苹果跳转回退不刷新页面（不触发mounted）
  var browserRule = /^.*((iPhone)|(iPad)|(Safari))+.*$/;
  if (browserRule.test(navigator.userAgent)) {
    window.onpageshow = function(event) {
      if(event.persisted) {
        window.location.reload()
      }
    };
  }