Vue中的this.$emit()方法详解

<template>
    <button @click="handleButtonClick">点击触发事件</button>
</template>
<script>
export default {
    name:'ChildComponent',
    methods: {
        handleButtonClick() {
            // 触发自定义事件，并传递数据给父组件
            this.$emit('custom-event', 'Hello, World!');
        }
    }
}
</script>  

<template>
	<el-row>
		<el-col :span="24">
			<el-card>
				<el-table...>
						...
				</el-table>
			</el-card>
		</el-col>
	<el-row>
	<div>
		<child-component @custom-event="handleCustomEvent"></child-component>
	</div>
</template>
// 在父组件中导入子组件
import ChildComponent from '@/components/ChildComponent'
<script>
export default {
    name: 'App',
    data() {
        return {
        }
    }, 
    // 注册子组件
    components: {
        ChildComponent
    },   
    methods: {
	    handleCustomEvent(data) {
	      // 处理自定义事件的逻辑
	      console.log(data); // 输出：'Hello, World!'
	    }
   	}

<template>
  <div>
    <child-component></child-component>
  </div>
</template>