vue路由跳转router-link清除历史记录的方法(link,router,vue,开发技术)

时间:2024-05-02 21:55:32 作者 : 石家庄SEO 分类 : 开发技术
  • TAG :

    vue%E8%B7%AF%E7%94%B1%E8%B7%B3%E8%BD%ACrouter-link%E6%B8%85%E9%99%A4%E5%8E%86%E5%8F%B2%E8%AE%B0%E5%BD%95%E7%9A%84%E6%96%B9%E6%B3%95

1.在vue项目中说起路由跳转,我们最先想到的就是router-link标签以及this.$router.push函数。

router-link和this.\$router.push的实现原理是一样的,在点击router-link时,内部调用的就是this.$router.push。

2.this.\$router.push这个方法会向 history 栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,则回到之前的 URL。

那在我们使用路由跳转的时候如何去掉历史记录呢?

1.使用router-link标签时去掉历史记录:加上replace属性

2.使用this.\$router.push标签时去掉历史记录:加上replace属性,默认值为false

3.使用this.\$router.replace标签时去掉历史记录

所有内容源自于官网:vue路由核心插件

vue路由跳转一般情况下是使用push,

若是特殊需求,页面跳转后不记录到历史记录中,将push改为replace即可

本文:vue路由跳转router-link清除历史记录的方法的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:SpringCloud项目的log4j2漏洞怎么解决下一篇:

7 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18