在vue开发中,很常见的一种场景:
页面使用左上角返回时,上一页可以重复发起进件。 这是不允许的
产品希望直接关闭 不要回到上一页
收银台------A------B-------C
A:发起进件页面
B:签署协议页面
C:结果页
需求: C页面返回时直接回到收银台不能回到A和B
技术方案:
1、button引导客户正向操作 不要让用户使用左上角的返回
2、特殊页面不允许返回的,使用beforeRouteLeave拦截。 ⚠️ : replace不能被 beforeRouteLeave监听到,用push
3、非特殊页面允许用户点击左上角返回 回到上一页
网友评论