vue3.2中子组件调用父组件的方法--defineEmits

442 阅读1分钟
<template>
	<el-dialog v-model="dialogFormVisible" width="30%">
		<el-form :model="form">
			<el-form-item label="姓名">
				<el-input v-model="form.name" autocomplete="off"></el-input>
			</el-form-item>
			<el-form-item label="性别">
				<el-radio-group v-model="form.sex">
					<el-radio label="001"></el-radio>
					<el-radio label="002"></el-radio>
				</el-radio-group>
			</el-form-item>
		</el-form>
		<!-- 按钮 -->
		<template #footer>
			<span class="dialog-footer">
				<el-button type="primary" @click="Submit" :loading="sub_load">确定</el-button>
			</span>
		</template>
	</el-dialog>
</template>

<script setup lang="ts">
import { reactive, toRefs, getCurrentInstance } from 'vue'

//一定要放在全局,才会生效
const emits = defineEmits(['launch']);

// 提交
const Submit = async () => {
	// 调用父组件的方法
    emits("launch")
}

</script>