this.router.push打开新页面如何获取携带的参数

在使用this.router.push打开新页面时，可以通过在路由配置中定义参数来传递参数。在目标页面组件的mounted钩子函数中，可以通过this.$route.params获取参数值。

例如，假设我们在当前页面通过this.$router.push跳转到了目标页面，并且需要传递一个名为id的参数，那么在路由配置中需要定义如下参数：

{
path: '/target',
component: TargetComponent,
props: route => ({
id: route.params.id
})
}

在TargetComponent组件中的mounted钩子函数中，可以通过this.$route.params.id获取传递的id参数值。

mounted() {
console.log(this.$route.params.id);
}

以上就是获取通过this.router.push打开新页面携带参数的方法。需要注意的是，在使用this.router.push跳转到目标页面时，需要在该页面路由配置中定义相应的参数才能获取传递的参数值。

相关问题

this.$router.push携带cookie

this.$router.push方法是Vue Router提供的一种导航方式，用于在Vue组件中实现路由跳转。该方法默认是不携带cookie的，因为在浏览器中，在同一个域名下，不同页面之间的cookie是共享的。如果要在路由跳转时携带cookie，可以使用一些其他的方法，比如使用axios发送请求时设置withCredentials为true，这样请求会带上cookie信息。另外，需要注意的是，在某些情况下，浏览器可能会拦截新开窗口的操作。

this.$router.push({ path: this.redirect || '/dashboard', query: this.otherQuery });

这段代码是什么意思？

这是 Vue.js 框架中的路由跳转代码。$router 是 Vue.js 中的路由对象，push 方法用于在路由栈中添加一条新的记录，并跳转到指定的页面。参数 path 表示跳转的目标路径，query 表示跳转时携带的查询参数，otherQuery 表示其他的查询参数，redirect 表示重定向路径。如果 redirect 存在，则跳转到 redirect 路径，否则跳转到 '/dashboard' 路径。