子组件传值给父组件$emit
2018-11-20 本文已影响0人
了彧
子组件中步骤：
（1）在data中定义需要传递的值
data () {
return {
childMsg : '子组件传值给父组件的值',
childBlock : false
}
},
（2）传值方法
backClick(){
this.$emit('parentByClick',this.childMsg,this.childBlock);
}
parentByClick：父组件中需要绑定的方法名
this.childMsg,this.childBlock：传递的数据
子组件父组件中接收步骤：
（1）调用子组件import 自己起个名 from '子组件路径'（将子组件引入父组件中）
（2）注册所调用的子组件
在components中注册，因为可能有多个子组件，所以家“s”
components: {
child //刚刚调用是起的名，要一致，例如为child
},
（3）在父组件中引用子组件
<child @parentByClick="childClick"></child>
（4）childClick方法接收子组件传递的数据
childClick(obj,childState){
this.childMsg = obj;
this.childBlock = childState;
}
父组件
