vue2.0在使用的過程中, .vue文件之間的跳轉,在template中的常見寫法是:
<router-link to="/miniCard/statement/horizon"> <button class="btn btn-default colorDe">繼續</button> </router-link>
但是有時的需求是頁面不直接跳轉,有確認彈框或者其他事件,此時就需要在js中設置跳轉,方法如下:
- this.router.push({name:’…’,path:{ddd:’…’}}) 已命名的路由
this.$router.push({path:‘home’,query:{paan:’…’}}) home?paan=… 帶參數的路由 - this.$router.replace() 此方法不會產生歷史記錄
- this.$router.go(n) 向前或向後跳轉n個頁面