uniapp子组件调用父组件的方法

个人成长 | 独立开发者 | 创业历程 | 赚钱思维
大家好,我是一名独立开发者。在这里跟大家分享独立开发日常,编程技巧。欢迎大家跟我交流软件开发的一切事情,更欢迎大家下载使用我们的APP。

在父级文件中定义引入子组件:

<zh-order :data="data"  @emitParent="emitParent" />

并定义好方法函数emitParent;

<script setup>

const emitParent = (arg) => {
		console.log(arg);
		console.log("父页面")
	}
	
</script>


在组件中:

<view class="order-button order-pay" @tap="handleTap">调用父级函数</view>

<script setup>
const emitfn=defineEmits("emitParent")
	const handleTap=()=>{
		emitfn("emitParent","参数")
	}
	
</script>

点击按钮便可以执行父级函数。

------------------ 华丽分割线 ------------------
创业举步维艰,感谢各位支持
欢迎大家阅读我的创业笔记,如果你觉得这篇写得不错的话,可以关注我的公众号: 成长创业笔记 第一时间查阅我们的文章!感谢大家的支持。
欢迎大家下载使用我们的安卓APP:
  • ● 松鼠驾考:驾考刷题APP,新版的驾考题目内容持续更新。
  • ● 松鼠天气:简洁的天气预报,日历工具
  • ● 加我微信:zstxinghui
成长创业笔记
程序员小张
我们的主营业务:承接网站建设小程序开发安卓APP开发软著申请等。欢迎咨询!
扫一扫,加我微信
随机文章
独立开发者的困局
2024-06-09 14:09:26
宝塔面版升级PHP版本
2024-10-12 15:15:21
从失业到一腔热血的开始创业再到一地鸡毛
2025-04-01 20:03:14
在“卷”中寻找自己的机会
2025-10-09 15:45:32
创业者喜欢追求极致的产品,往往就是最无效的完美主义
2026-01-31 12:08:56