vue router.push

作者：资本principal 发布日期:2025-02-15 浏览:166

// 使用 vue-router 的 push 方法进行路由导航

// 假设我们已经有一个 Vue 实例，并且已经配置好了路由

// 1. 字符串路径跳转
this.$router.push('/home');
// 解释：这会导航到 '/home' 路径对应的页面。

// 2. 命名路由跳转
this.$router.push({ name: 'user', params: { userId: 123 }});
// 解释：这会导航到名为 'user' 的路由，并传递参数 userId，通常用于动态路由匹配。

// 3. 完整路径跳转并带查询参数
this.$router.push({ path: '/register', query: { plan: 'private' }});
// 解释：这会导航到 '/register?plan=private'，可以在目标页面通过 this.$route.query.plan 获取查询参数。

上一篇：vue2 inject

下一篇：vue $set更新数组