美文网首页
VUE组件之间传值

VUE组件之间传值

作者: MaJiT | 来源:发表于2019-11-09 16:14 被阅读0次

1.父组件传值给子组件

父组件


image.png

子组件


image.png

2.子组件传值给父组件

方法1:

子组件

   closeDialog(){
          let flag = false;
          this.$emit('closeDialog',flag);
        }

父组件

//父组件中应用子组件时绑定一个方法
<dialogWindow @closeDialog="closeDialog"/>

//方法
closeDialog(val){
        this.flag = val;
      },

方法2:

子组件

closeDialog(){
          let flag = false;
          this.$emit('update:flag',flag);
        }

父组件

<dialogWindow :flag.sync="this.flag"/>

相关文章

网友评论

      本文标题:VUE组件之间传值

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