1、项目网络状态监听并跳转路由

1
2
3
4
5
6
7
8
9
10
11
onMounted(() => {
  window.addEventListener('offline', ()=>{
    // 网络异常时触发
    router.push({ name: 'Disconnect' })
    sessionStorage.locationUrl=window.location.href;
  });
  window.addEventListener('online',()=>{
    // 网络恢复正常时触发
    window.location.href=sessionStorage.locationUrl
  });
})

2、H5项目每次跳转路由滚动条回到顶部

在路由守卫中配置

1
2
document.title = to.meta.title
window.scrollTo(0,0)