$router.push

$.push 是 Vue.js 中用于跳转页面的方法。它可以用来在应用程序中进行页面导航。

例如，如果你想要跳转到名为 "Home" 的页面，你可以使用以下代码：

this.$router.push('/home');

其中，`this.$router` 是 Vue Router 的实例，`push` 是一个方法，接受一个路径作为参数。在这个例子中，它将导航到 "/home" 路径对应的页面。

你也可以传递一个包含路由信息的对象作为参数，以便进行更复杂的跳转。例如：

this.$router.push({
  name: 'Home',
  params: { id: 1 },
});

在这个例子中，`name` 属性指定了要跳转到的页面的名称，`params` 属性传递了一些参数（例如 id），以供目标页面使用。

请注意，使用 `$router.push` 方法前，确保你的 Vue 组件已经正确配置了 Vue Router，并且路由路径和组件名称都正确设置。

相关问题

自定义$router.push

自定义$router.push可以通过Vue Router的全局导航守卫来实现。具体步骤如下：
1.在Vue Router的实例中定义一个新的方法，例如myPush，该方法接收两个参数：path和params。
2.在全局导航守卫beforeEach中判断to对象是否有meta.myPush属性，如果有则调用myPush方法进行路由跳转。
3.在组件中使用this.$router.myPush(path, params)来进行路由跳转。

以下是一个示例代码：

// 在Vue Router实例中定义myPush方法
const router = new VueRouter({
  routes: [...],
  methods: {
    myPush(path, params) {
      this.push({ path, params });
    }
 }
});

// 在全局导航守卫beforeEach中判断meta.myPush属性并调用myPush方法
router.beforeEach((to, from, next) => {
  if (to.meta.myPush) {
    router.myPush(to.meta.myPush.path, to.meta.myPush.params);
  } else {
    next();  }
});

// 在组件中使用this.$router.myPush(path, params)进行路由跳转
export default {
  methods: {
    goToRegister() {
      this.$router.myPush('/register', { id: '0001' });
    }
  }
}

$router.push传值

使用$router.push()方法传值有以下几种方式:

1. 通过路径名称传递参数：可以直接传递一个字符串作为路径名称，比如`this.$router.push('/home')`。在这种情况下，路径名称要与路由定义中的path属性值对应。

2. 通过对象传递参数：可以传递一个对象作为参数，包含path属性或者name属性，比如`this.$router.push({path:'/home'})`或者`this.$router.push({name:'Home'})`。在这种情况下，path属性要与路由定义中的path属性值对应，name属性要与路由定义中的name属性值对应。

3. 通过params传递参数：可以在对象中使用params属性来传递参数，比如`this.$router.push({name:'Home',params:{user:'david'}})`。在接收参数的组件中，可以使用this.$route.params来获取参数的值。

4. 通过query传递参数：可以在对象中使用query属性来传递参数，比如`this.$router.push({path:'/home',query:{user:'david'}})`。传递的内容会自动拼接在路径后面，形成类似"/home?user=david"的形式。在接收参数的组件中，可以使用this.$route.query来获取参数的值。

总结起来，可以根据需要选择不同的方式来传递参数，包括通过路径名称、对象、params或query来传递参数。