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

更欢迎大家使用我的APP

1、松鼠天气,简洁的天气预报,节日日历工具。

2、陪诊小程序,家政小程序等行业小程序。

程序员小张
世界上只有一种真正的英雄主义,就是认清了生活的真相后还依然热爱生活。
随机文章
创业者怎样找到好的产品创意
2024-06-09 14:12:24
做好自媒体,要从不要脸开始
2024-06-12 15:23:09
学习SEO优化,并且好好执行
2024-07-01 23:24:06
开发者周记12:小程序管理后台新版本
2024-08-23 18:19:28
axios在vue3项目中的使用
2025-01-27 14:17:14