vue子组件要修改父组件的值

2019-10-23  本文已影响0人  北风吹_yfy

方式一:通过自定义事件$emit("event",参数);

//父组件中定义值并传给子组件
data(){
    return {
        data:0
    }
},
methods:{
    changeData(params){
         this.data += params;
     }
}
//引用子组件时用v-bind绑定属性传给子组件,用v-on绑定方法改变值
<child  :childData="data" @childChangeData="changeData"/>
//子组件内用props接收父组件的值,写自定义事件改变父组件的值
props:{
    childData:Number
},
methods:{
    changeData(){
          this.$emit("childChangeData",7);
     }
}

方式二:在子组件中使用this.$parent.属性名= "";

上一篇下一篇

猜你喜欢

热点阅读