1. 程式人生 > >在vue中,如何禁止回退上一步,路由不存歷史記錄

在vue中,如何禁止回退上一步,路由不存歷史記錄

在有些情況下,我們不想往路由裡新增歷史記錄。(vue的專案,vue-router中不想存歷史記錄)

根據vue官網提供的,樓主總結了一下,主要有以下幾種方案:


根據官網的解釋 。宣告式路由和程式設計式路由都是新增新的記錄,同時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......."); 會替換之前的歷史記錄,不會新增歷史記錄

原創不易,自由轉載,保留出處