vue关于路由跳转方法:push
关于路由跳转方法:push1.传递参数this.$router.push({name:'master',params:{id:'参数'}});//name和params搭配,刷新的话,参数会消失接受参数在目标页面通过this.$route.params获取参数;2.传递参数this.$router.push({path:'/master',query:{id:'参数'}});...
·
关于路由跳转方法: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 }})
更多推荐
已为社区贡献6条内容
所有评论(0)