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接收的参数当页面刷新时候数据不会消失

上一篇下一篇

猜你喜欢

热点阅读