vue頁面跳轉方法

vue2.0在使用的過程中, .vue文件之間的跳轉,在template中的常見寫法是:

<router-link to="/miniCard/statement/horizon"> <button class="btn btn-default colorDe">繼續</button> </router-link>

但是有時的需求是頁面不直接跳轉,有確認彈框或者其他事件,此時就需要在js中設置跳轉,方法如下:

  1. this.router.push(path:/...);paththis.router.push({path: &#x27;/...&#x27;}); path爲跳轉路徑,此方法會產生歷史記錄 this.router.push({name:’…’,path:{ddd:’…’}}) 已命名的路由
    this.$router.push({path:‘home’,query:{paan:’…’}}) home?paan=… 帶參數的路由
  2. this.$router.replace() 此方法不會產生歷史記錄
  3. this.$router.go(n) 向前或向後跳轉n個頁面
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章