子组件
<template>
<div>
<button @click="childEvent(_obj)">点击调父组件方法</button>
</div>
</template>
<script>
export default {
methods: {
// _obj 为参数
childEvent(_obj) {
this.$emit('parent-event', _obj);
}
}
};
</script>
子组件发出
this.$emit('parent-event', _obj);
$emit: 发出
parent-event : 方法
_obj : 参数
父组件
<template>
<div>
<child @parent-event="parentEvent"></child>
</div>
</template>
<script>
import child from './child';
export default {
components: {
child
},
methods: {
parentEvent(_obj) {
console.log('我是父类方法' + _obj);
}
}
};
</script>
父组件接收
<child @parent-event="parentEvent"></child>
@parent-event : 接收
网友评论