最近在写项目中遇到这样一个需求,页面上有多个popup弹出层。操作时手机有侧滑返回上一页这个功能,弹出层没关闭就直接返回上一页了。
现在的需求是手机侧滑时先关闭弹出层,再返回上一页。思考了很久,刚开始是想监听手机侧滑事件,但是搜了好多都没有这方面的内容,百思不得其解。
最后换了一个思路,手机侧滑返回上一页也是走的路由,通过路由来控制是否返回就好了,页面路由有个onBeforeRouteLeave(),在路由离开这个页面之前做点事情。所以手机侧滑时判断一下popup弹出层是否关闭,没关闭就关闭弹出层,都关闭了就返回上一页。
简直不要太简单,有时候就只需要换一个思路就行!!!!