页面跳转失败的解决方案

问题描述:比如一个大表单,填写一半了忽然手抽点击了回退的箭头(就是浏览器左上角的  <- 这个标识 ),假设您之前采用了提示是否退出当前页面的提示框,比如https://reacttraining.com/  中的 

<Prompt message="Are you sure you want to leave?"/>

那么即使您点击了取消,当前的url 已经改变了,这时继续编辑表单,点击提交跳转页面用` window.location.href = ' #/abc'` 也是不行的,因为当前页面的url已经是这个了,

那么我们只要想办法让url变化就可以了,可以这样做:

location.replace("#/abc?t="+Date.now())
//t=Date.now()  是为了确保url发生变化; location.replace('newurl') 载入新文档替换当前页面

猜你喜欢

转载自www.cnblogs.com/aloehui/p/8906623.html