美文网首页
Vue2.0页面跳转兄弟组件传递参数

Vue2.0页面跳转兄弟组件传递参数

作者: 刘三慢 | 来源:发表于2018-02-02 00:23 被阅读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接收的参数当页面刷新时候数据不会消失

    相关文章

      网友评论

          本文标题:Vue2.0页面跳转兄弟组件传递参数

          本文链接:https://www.haomeiwen.com/subject/tpbjzxtx.html