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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue-router replace要点两次才能返回,,详细描述在正文!
    • 2017-11-05 00:00
    • 11
    60
    0

    从a页面router.push到b页面,再从b页面router.push到c页面,c页面点击某个按钮用vue-router的router.replace回到了b页面,再点击b页面的返回键要点两次才能返回a页面,,这里返回键是浏览器自带的!这种情形怎么处理成b页面点一次回到a页面呢在不改动c页面vue-router的router.replace的方式?

    2
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 千ぐ古罪人 普通会员 1楼

      在Vue Router中,我们可以通过设置replace选项来实现页面的刷新。这个选项的使用方法是:router.replace()router.replace()

      下面是一个详细的描述:

      1. 首先,你需要在你的路由配置文件中,找到一个包含你想要重定向的路由。这通常在router.map中。

      javascript { path: '/old-path', component: OldComponent, meta: { name: 'old-path', icon: 'icon-old' }, replace: true }

      1. 然后,你可以使用router.replace()方法来实现页面的刷新。这个方法接受两个参数,第一个参数是你要重定向到的新的URL,第二个参数是这个新URL的片段。

      javascript router.replace('/new-path', '/old-path')

      1. 一旦你使用router.replace()方法,它就会立即开始重定向,并在重定向完成后自动刷新页面。

      注意,如果你想在路由被替换之前执行一些清理操作,你可以使用router.replaceBefore()方法。这个方法会阻塞路由的执行,直到重定向完成。

      javascript router.replaceBefore('/old-path', '/new-path')

      1. 最后,你可以在router.replace()方法中添加一个beforeEnter方法,这个方法会在新的页面被导航之前执行一些清理操作。

      javascript router.replaceBefore('/old-path', '/new-path') beforeEnter: function(to, from, next) { // 清理操作 // ... next(); }

      以上就是在Vue Router中使用replace选项来实现页面刷新的方法。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部