h5跳转第三方app时,避免左上角返回键刷新页面

问题:

        h5中有一个页面,作为跳转第三方支付的中转页,在该页面的mounted中 拿query中的参数调用一个回调进行跳转,但是到第三方页面左上角返回时又会再次重新调用该方法跳到第三方页面,用户没办法正常返回到h5其他页面

处理:

        由于我是哈希路由,所以需要截取一下才能识别到,否则直接使用 url.toString() 是无法识别到query的

// 在mounted调用的回调中删掉目标参数
const url = new URL(window.location.href)
url.searchParams.delete('parent_order_no')
window.history.replaceState({}, '', url.toString().split('?')[0])
console.log(new URL(window.location.href), 'url')

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值