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

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

一、子组件写法

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

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

二、父组件的写法

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

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

三、多个事件传值

1.子组件写法

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

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

2.父组件写法

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

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

相关推荐
恋猫de小郭几秒前
Firebase 如何让全球 Android 和 Flutter 开发者集体 Build Fail
android·前端·flutter
墨白曦煜1 分钟前
智能体架构范式总结(React、Plan-And-Solve、Reflection)
前端·react.js·前端框架
qq_426003964 分钟前
多语言新增语种全量测试策略的测试范围
前端·javascript·python·自动化
frjc16 分钟前
Node.js 与 npm 极简安装教程
前端·npm·node.js
IMPYLH17 分钟前
HTML 的 <main> 元素
前端·html
深念Y19 分钟前
微服务抽取路线图:从胖单体到 ARM 集群
前端·arm开发·数据库·后端·微服务·云原生·架构
雪芽蓝域zzs36 分钟前
Vue3 + Vite本地模拟数据(读取 JSON 数据)
前端
亿元程序员38 分钟前
还有高手?用Shader让图片中的3D圆环转起来!
前端
灯澜忆梦39 分钟前
【基于GO的Web开发14】gin请求重定向
前端·后端·golang·gin
qq_4523962340 分钟前
第十一篇:《前端性能优化体系:从加载到交互的全链路》
前端·性能优化·交互