this.$router.push如何新开一个页面并传参
时间: 2023-10-13 13:24:53 浏览: 215
Vue this.$router.push(参数)实现页面跳转操作
可以通过在 `push` 方法中使用 `query` 或 `params` 参数来传递参数,同时使用 `target` 属性来指定在新窗口中打开页面。
示例代码:
```javascript
this.$router.push({
path: '/new-page', // 新页面的路由路径
query: {
id: '123', // 参数1
name: 'example' // 参数2
},
target: '_blank' // 在新窗口中打开
})
```
在新页面中可以通过 `this.$route.query` 或 `this.$route.params` 来获取传递的参数。其中,`query` 传递的参数是以查询字符串的形式出现在 URL 中的,而 `params` 则是以路由参数的形式出现在 URL 中的。
注意:在使用 `target` 属性时,需要注意浏览器的安全设置,可能会阻止页面在新窗口中打开。
阅读全文