账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue-router如何在路由beforeRouterLeave钩子函数里面如何区分是点击后退按钮还是点击页面的提交产生的前进?
    24
    0

    1.有这样两个页面A和B,A页面点击提交按钮成功后跳到B页面,B页面可以点击按钮回到A页面,但是此时回到A页面后,点击浏览器后退按钮不想回到B页面而是回到另一个C页面,但是点击A页面的提交按钮仍然要去B页面
    2.请问如何做出判断做出不同的跳转

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 在Vue Router中,beforeRouterLeave钩子函数通常用于在离开当前路由之前执行一些清理操作。然而,对于是否是点击后退按钮还是点击页面的提交产生的前进,我们需要在路由的状态上进行判断。这可以通过使用Vue Router的beforeRouteLeave钩子函数的next选项来实现。

      以下是一个简单的例子:

      javascript router.beforeEach((to, from, next) => { // 检查是否是点击后退按钮 if (to.meta.button === 'back') { next('/home'); } else { // 如果是点击页面的提交,跳转到相应页面 next('/home'); } });

      在这个例子中,我们首先检查了to.meta.button,这是路由的标题(即点击后退按钮)。如果是back,我们使用next('/home')跳转到主页。如果button不是back,我们使用next('/home')跳转到主页。

      这样,无论点击后退按钮还是点击页面的提交,都会根据to.meta.button的值来决定下一步的跳转路径。

    更多回答
    网站公告
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部