關於VUE中的頁面跳轉的幾種方式

1.通過Vue的router做頁面跳轉，demo如下：

this.$router.push({

name: "worksheet_detail",

params: {

worksheetId: this.worksheetId

}

});

如上，就可以在params中帶入引數，跳轉你的目標頁，但這樣跳轉會覆蓋當前的標籤頁，有時不能滿足需求

2.新增標籤頁的方式開啟

新增視窗，demo如下：

const { href } = this.$router.resolve({

name: "worksheet_detail",

params: {

worksheetId: this.worksheetId

}

});

window.open(href, '_blank’)
 

如上，就會新增標籤頁來開啟你要跳轉的頁面，或者如下，給視窗一些引數：

window.open(href, '_blank', 'toolbar=yes, width=1300, height=900’)

你會發現，可能新增的頁面會新開啟一個瀏覽器視窗，那是因為toobar和當前頁面不相容。