最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
vue-router实现组件间的跳转（参数传递）
时间：2017-12-04 编辑：猪哥 来源：一聚教程网
通过VueRouter来实现组件之间的跳转：参数的传递，具体内容如下
login ---用户名--->main
①明确发送方和接收方
②配置接收方的路由地址
{path:'/myTest',component:TestComponent}
-->
{path:'/myTest/:id',component:TestComponent}
③接收方获取传递来的数据
this.$route.params.id
④跳转的时候，发送参数
this.$router.push('/myTest/20')
代码：
传参 {{msg}}
传参练习 {{msg}}
-
上一个： 详解Vue路由钩子及应用场景（小结）
-
下一个： vue中SPA单页面应用程序详解
相关文章
- js实现音乐播放器代码展示 10-12
- js实现图片查看器代码展示 10-12
- JS中switch的四种写法介绍 10-12
- js实现新闻轮播效果教程 10-11
- JS实现简单的图片切换功能教程 10-11
- js实现下拉刷新和上拉加载解析 09-28