在vue中,如何禁止回退上一步,路由不存历史记录

在有些状况下,咱们不想往路由里添加历史记录。(vue的项目,vue-router中不想存历史记录)vue

根据vue官网提供的,楼主总结了一下,主要有如下几种方案:vue-router


根据官网的解释 。声明式路由和编程式路由都是添加新的记录,同时vue还提供了replace来替换路由记录,从而实现路由不存历史记录的状况,如下是楼主总结的几种方法:编程

  1. 声明式路由
  2. 编程式
  3. 原生js实现
    1. 楼主晚上回去看了一下<js高程>,原生实现替换路由,不记录历史记录的方法
    2. window.open("http://www.baidu.com.......");会往路由历史中添加一条记录(还有第二个参数,你们可自几去查看,在dom第7章)
    3. window.location.replace("http://www.baidu.com......."); 会替换以前的历史记录,不会添加历史记录

原创不易,自由转载,保留出处