vue中子組件向父組件傳遞消息
核心方法
vm.$emit()
當(dāng)子組件中調(diào)用
vm.$emit('event-name','message')時(shí)，父組件就可以監(jiān)聽(tīng)event-name事件并接收到message信息富弦。
example
子組件
<template>
<div @click="sendMessage">
</div>
</template>
<script>
export default {
methods: {
sendMessage() {
//...
this.$emit('child-event','this is message');
}
}
}
</script>
父組件
<template>
<div>
<child-component @child-message="handleMessage">
</child-component>
</div>
</template>
<script>
import child from 'child-component';
export default {
methods: {
handleMessage(message) {
//...
console.log(message);
}
},
components: {
'child-component': child
}
}
</script>
