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);
}
}