vue3跳转路由打开新页面
时间: 2024-05-24 10:09:35 浏览: 133
vue3路由使用,vue3路由使用
在Vue3中,可以使用`<router-link>`标签来实现路由跳转,同时通过设置`target="_blank"`属性可以实现在新页面中打开链接。例如:
```html
<router-link to="/newPage" target="_blank">打开新页面</router-link>
```
此外,还可以使用`$router.push`方法来进行编程式导航,并设置`target="_blank"`属性。例如:
```javascript
this.$router.push({
path: '/newPage',
query: {
param1: 'value1'
},
target: '_blank'
})
```
这样会在新页面中打开`/newPage`路径,并且可以将参数传递给新页面。注意,在使用编程式导航时,需要在Vue组件中引入`this.$router`对象。
阅读全文