【Uniapp-Vue3】组件中emit的声明触发事件

emit能够实现子组件向父组件传递数据。

一、子组件写法

<标签名 @触发事件="$emit('父组件触发事件名', 传递的数据)"></标签名>..

这个子组件的名字为user-layout,我们点击按钮向父元素传递一个随机数:

二、父组件的写法

<子组件名 @父组件触发事件名="函数"></子组件名>

函数中使用函数参数的方式接收传过来的数据。

三、多个事件传值

1.子组件写法

let emit = defineEmits('父组件触发事件1', '父组件触发事件2');

emit('父组件触发事件', 传递数据);

2.父组件写法

<子组件名 @父组件触发事件1="函数1" @父组件触发事件2="函数2"></子组件名>

同样函数使用参数来接收从子组件传递过来的数据。

相关推荐
Flynt1 小时前
axios 被投毒半年后,我把 npm 的"安全防线"实测了一遍:最信任的 SHA512 是安慰剂
前端·npm·node.js
excel2 小时前
Base62 和 Base64 有什么区别?
前端
风骏时光牛马3 小时前
大模型底层架构与AI源码深度剖析
前端
掘金挖土4 小时前
前端手摸手跑路之 AI 应用开发(九)
前端·后端
中文呀6 小时前
三维 GIS 离线缓存实战:逆向 CesiumOfflineCache,并亲手为它补上"自动更新"能力
前端
前进前进前进7 小时前
TRAE 全链路实战:做了一个警示牌一键生成器:纯 Canvas、单文件、零依赖
前端
小万7428 小时前
God‘s Eye View 深度解析:15 路公开信号 + CesiumJS 的浏览器级 OSINT 控制台,60 帧渲染的“真实间谍卫星模拟器”
前端
IT星宿8 小时前
浏览器标签页全是一个图标:我用名字哈希生成 favicon,让每个项目都有身份标识
前端
全栈项目管理程序猿8 小时前
ArcGIS JS 基础教程(32):体元系列 - VoxelSlice 体元切片
前端·javascript