Vue2.0页面跳转兄弟组件传递参数
2018-02-02 本文已影响0人
刘三慢
01-Au页面
点击跳转时要执行一个函数
a(){
通过这个传递参数 path要跳转的页面 query传递的参数
this.$router.push({path:'/MovieContent',query:{id:this.eleId}})
或者
this.$router.push({path:'/MovieContent',params:{id:this.eleId}})
}
02-B页面
data中定义一个变量在钩子函数created中接收数据
created(){
this.id = this.$route.query.id; 或者 this.id = this.$route.params.id;
}
区别
query接收的参数当页面刷新时候数据不会消失