关于路由跳转方法:push

1.传递参数
this.$router.push({name:'master',params:{id:'参数'}});
//name和params搭配,刷新的话,参数会消失
接受参数
在目标页面通过this.$route.params获取参数;
2.传递参数
 this.$router.push({path:'/master',query:{id:'参数'}});
//path和query搭配,刷新页面的话,url中的参数不会丢失,query中的参数成了url中的一部分
接受参数
在目标页面通过this.$route.query获取参数:

关于vue跳转:

1.创建 a 标签来定义导航链接,

2.我们还可以借助 router 的实例方法,通过编写代码来实现。

当你点击 <router-link> 时,这个方法会在内部调用,所以说,点击 <router-link :to="..."> 等同于调用 router.push(...)。

 

  • 字符串 router.push('home')
  • 命名的路由 router.push({ name: 'user', params: { userId: 123 }})
Logo

前往低代码交流专区

更多推荐