vue3 子调父方法,并传参(defineEmits)

子页面

	<a-button type="primary" @click="handleClick">触发父组件方法</a-button>
	
	<script lang="ts" setup>
	//注意:defineEmits不需要被导入即可使用
	import {ref,defineProps,defineExpos} from 'vue'; 
	
	const emit = defineEmits(['childToParent']);
	//调用父的方法childToParent,并传参到父*
	const handleClick = () => {
	  emit('childToParent',"传递消息到父页面")
	};

父页面

	<HelloWorld @childToParent="childToParent"></HelloWorld>
	
	import HelloWorld from './components/HelloWorld.vue'
	
	//父页面的方法
	function childToParent(m){
	  console.log(m)	//传递消息到父页面
	}

你可能感兴趣的:(vue3,子调父方法,子向父传参,defineEmits)