手机侧滑如何先关闭弹出层再返回上一页

最近在写项目中遇到这样一个需求,页面上有多个popup弹出层。操作时手机有侧滑返回上一页这个功能,弹出层没关闭就直接返回上一页了。

现在的需求是手机侧滑时先关闭弹出层,再返回上一页。思考了很久,刚开始是想监听手机侧滑事件,但是搜了好多都没有这方面的内容,百思不得其解。

最后换了一个思路,手机侧滑返回上一页也是走的路由,通过路由来控制是否返回就好了,页面路由有个onBeforeRouteLeave(),在路由离开这个页面之前做点事情。所以手机侧滑时判断一下popup弹出层是否关闭,没关闭就关闭弹出层,都关闭了就返回上一页。

简直不要太简单,有时候就只需要换一个思路就行!!!!

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值