vue-router 返回 重复提交导致循环的问题

在vue开发中,很常见的一种场景:

页面使用左上角返回时,上一页可以重复发起进件。 这是不允许的

产品希望直接关闭 不要回到上一页

收银台------A------B-------C

A:发起进件页面
B:签署协议页面
C:结果页

需求: C页面返回时直接回到收银台不能回到A和B

技术方案:
1、button引导客户正向操作 不要让用户使用左上角的返回
2、特殊页面不允许返回的,使用beforeRouteLeave拦截。 ⚠️ : replace不能被 beforeRouteLeave监听到,用push
3、非特殊页面允许用户点击左上角返回 回到上一页

你可能感兴趣的:(vue-router 返回 重复提交导致循环的问题)