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

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

<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开发等。
微信号:zstxinghui
欢迎大家使用我们的软件:
  • ● 在线图片编辑器
  • ● 小程序: 家政小程序,陪诊小程序
  • ● 开源的网站内容管理系统: 小木CMS内容管理系统
更欢迎大家下载我们的APP:
  • ● 松鼠天气:简洁的天气预报,日历工具
公众号
程序员小张
我们的主营业务:承接网站建设小程序开发安卓APP开发软著申请等。欢迎咨询!
扫一扫,加我微信
随机文章
MySql唯一性约束设置以及实际应用
2024-06-12 15:40:26
开发者周记5:今天小木CMS终于上线网站手机版本
2024-06-16 17:13:05
开发者周记6:小木CMS上线主页
2024-06-21 23:18:21
面对人生的低谷期,绝不躺平
2024-06-22 12:05:45
成长创业周记16:很难但还在想办法坚持下去,人生就像过了河的小卒
2024-12-19 16:47:27