子组件中步骤:
(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;
}