this.$router.push如何新开一个页面并传参

可以通过在 `push` 方法中使用 `query` 或 `params` 参数来传递参数，同时使用 `target` 属性来指定在新窗口中打开页面。

示例代码：

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` 属性时，需要注意浏览器的安全设置，可能会阻止页面在新窗口中打开。

相关问题

this.$router.push 传参

this.$router.push 是 Vue Router 提供的方法，用于导航到指定的路由。你可以在 push 方法中传递一个对象参数来设置导航相关的配置。

例如，如果你想导航到名为 "user" 的路由，并传递一个名为 "id" 的参数，你可以这样写：

this.$router.push({ path: '/user', query: { id: '123' }})

在这个例子中，`path` 属性指定了要导航到的路由路径，`query` 属性用于传递参数。你可以在目标路由中通过 `$route.query.id` 来获取传递的参数值。

除了 `query` 参数，还可以使用 `params` 参数来传递动态路由参数。例如：

this.$router.push({ name: 'user', params: { id: '123' }})

在这个例子中，`name` 属性指定了要导航到的路由名称，`params` 属性用于传递动态路由参数。你可以在目标路由中通过 `$route.params.id` 来获取传递的参数值。

另外，你还可以使用 `props` 参数来传递 props 给目标组件。例如：

this.$router.push({ path: '/user', props: { id: '123' }})

在这个例子中，`props` 属性用于传递 props 给目标组件，你可以在目标组件中通过 `props` 来接收传递的值。

以上是一些常见的用法，你可以根据具体需求来灵活使用 `this.$router.push` 方法。

this.$router.push传参

这是 Vue.js 中的路由跳转方法。$router 是 Vue.js 框架中的路由实例，而 push 方法用来跳转到指定的页面。可以在 push 方法中传入一个对象，包含跳转的路径和需要传递的参数。例如：

this.$router.push({ path: '/user/123', query: { name: 'Mike' } });

这样就可以在目标页面获取到参数，使用 this.$route.query.name 获取到 'Mike'。