VUE 页面跳转

版权声明：本文为博主原创文章，未经博主允许不得转载。转载请注明来自我的CSDN博客：链接地址 https://blog.csdn.net/zcyzsy/article/details/82999105

关于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和当前页面不兼容。