Vue中Router跳转打开新标签页
在Vue中,如果你想要通过Vue Router在新的标签页中打开一个路由,你可以使用window.open
方法。这里是一个简单的示例:
// 在你的组件方法中
methods: {
openNewTab(routeName) {
const routeData = this.$router.resolve({ name: routeName });
window.open(routeData.href, '_blank');
}
}
你可以在模板中这样使用这个方法:
<button @click="openNewTab('YourRouteName')">在新标签中打开</button>
确保替换'YourRouteName'
为你想要跳转到的路由的名字。这样,点击按钮时,就会在新的标签页中打开指定的路由。
评论已关闭