美文网首页
Vue 父子组件传值

Vue 父子组件传值

作者: 时光凉的小贝 | 来源:发表于2019-01-23 15:12 被阅读5次

    一 、 向下传值(父传子)

    image.png

    注意: 传值方式为[:子控件属性= 父控件数据]
    子控件接收:

     props: {
            listSelect: ''
        },
    

    二 、 向上传值(父调用子的属性或者方法)

      this.$emit('getHeaderTag', this.listSelect);
    

    注意:这里的【getHeaderTag】是随便取的名字用于父控件调用,【this.listSelect】是父控件需要调用的数据。
    父控件接收:

      /*
        * 获取子页面左侧tag
        * */
        getHeaderTag: function (tag) {
            // console.log('子页面tag:',tag);
        }
    

    相关文章

      网友评论

          本文标题:Vue 父子组件传值

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