vue3路由跳转新开窗口
时间: 2023-08-20 19:04:33 浏览: 300
Vue 路由间跳转和新开窗口的方式(query、params)
5星 · 资源好评率100%
在Vue 3中,你可以使用`<router-link>`标签或`this.$router.push`方法来实现路由跳转并在新窗口中打开页面。
使用`<router-link>`标签可以在模板中直接创建链接,如下所示:
```html
<router-link to="/your-route" target="_blank">Go to new window</router-link>
```
使用`this.$router.push`方法可以在JavaScript代码中进行路由导航,如下所示:
```javascript
this.$router.push({ path: '/your-route', target: '_blank' })
```
上述代码中的`target: '_blank'`部分是关键,它指定了链接在新窗口中打开。确保你的路由设置正确,并且你已经安装并配置了Vue Router。
希望这可以解决你的问题!如果还有其他疑问,请随时提问。
阅读全文