参数传递是组件重要的通讯操作，参数传递分为父级给子组件传递、子组件给父级传递。两种不同传递方式其使用逻辑也有着差异，那么在前端uniapp开发中如何实现通过点击子组件方法，传递参数给父级呢？

本篇文章就来子组件点击参数传递给父级展示详细代码。

一、创建子组件childmodel并点击参数传递点击事件

    创建子组件childmodel.vue，并实现点击传递参数操作。

<template>
	<view class="">
		<view @click="childClick" class="">这是一个子组件点击按钮</view>
	</view>
</template>
<script setup>
	// 声明事件
	const emit = defineEmits(['changeVal']);
	const childClick = () => {
		emit('changeVal','传递给父级')
	}
</script>

二、父级接收子组件传递过来的值

    在父级页面中，配置子组件的传递方法进行接收从子组件传递过来的参数。

<template>
	<view class="">
		<childmodel @changeVal="changeVal"></childmodel>
	</view>
</template>

<script setup>
	import { reactive } from 'vue';
	import childmodel from "./childmodel.vue"
	const changeVal = (e)=>{
		console.log(e)
	}
</script>

三、代码说明

    1、子组件传递方法名需要通过defineEmits进行声明

    2、父级中绑定方法需用@+子组件声明的方法一致