vue子组件要修改父组件的值
作者:
北风吹_yfy | 来源:发表于
2019-10-23 17:36 被阅读0次
方式一:通过自定义事件$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.属性名= "";
本文标题:vue子组件要修改父组件的值
本文链接:https://www.haomeiwen.com/subject/cbbkvctx.html
网友评论