作用:用于子组件中触发父组件方法并传值
使用:
//子组件中
<template>
<button @click="handleChildEvent">子组件中触发的事件</button>
</template>
<script>
export default {
name:'ChildComponent',
methods: {
handleChildEvent() {
// 触发自定义事件,并传递数据给父组件
this.$emit('parent-event', 'Hello, World!');
}
}
}
</script>
//父组件中
<child-component @parent-event="handleParentEvent"/>
<script>
export default {
name: 'ParentComponent',
// 注册子组件
components: {
ChildComponent
},
methods: {
handleParentEvent(data) {
// 处理自定义事件的逻辑
console.log(data); // 输出:'Hello, World!'
}
}
}
</script>
标签:触发,vue,methods,自定义,export,组件,方法,emit
From: https://www.cnblogs.com/domin520Jian/p/17732921.html