父组件 自定义事件@getinfo
<add-num @getinfo="handleAddNum">获取用户信息</add-num>
<p>{{name}}</p>
<p>{{age}}</p>
......
data:function(){
return {
name: '',
age:
}
}
method:{
handleAddNum(params){
console.log(params)//此处打印子组件传递过来的参数
this.name = params.name;
this.age = params.age;
}
}
子组件监听getinfo事件用$emit
<button @click="handleSpreadEvent">点我触发父组件的自定义事件</button>
......
method: {
handleSpreadEvent(){
this.$emit("getinfo",{name: "zhangsan",age: 17})//子组件监听父组件的自定义事件并传递参数
}
}