vue路由跳转接受参数

在Vue中，可以通过$route对象来获取路由参数。路由参数可以通过在路由路径中添加动态参数来实现，例如：

// 定义路由
const router = new VueRouter({
  routes: [
    {
      path: '/user/:id',
      component: User,
    },
  ],
});

// 在组件中获取路由参数
export default {
  name: 'User',
  methods: {
    getUser() {
      const userId = this.$route.params.id;
      // 根据userId获取用户信息
    },
  },
};

在上面的例子中，路由路径包含一个动态参数:id，通过使用$route.params.id可以获取这个参数的值。当路由发生变化时，$route对象会自动更新，组件也会相应地刷新。

如果需要在页面跳转时传递参数，可以使用$router.push方法：

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

这样就可以将id为123的用户信息传递到User组件中。在User组件中，可以通过$route.params.id获取这个参数的值。