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

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

一、子组件写法

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

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

二、父组件的写法

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

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

三、多个事件传值

1.子组件写法

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

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

2.父组件写法

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

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

相关推荐
保加利亚的风8 小时前
Docker 学习文档(Mac + Docker Desktop 版)
前端·后端
java1234_小锋8 小时前
Vue3专题 - 条件渲染
前端·javascript·vue.js
明月_清风8 小时前
🚀 AI Agent 完全入门指南:从 LLM 到生产落地,新手必懂的 34 个核心概念
前端·后端·ai编程
鸽鸽8 小时前
Vue 3 API 完全指南:从 Options 到 Composition 的进阶之路
前端·vue.js
名字还没想好☜8 小时前
React 用 Portal + Context 实现全局 Toast:一次调用、自动消失与队列管理
前端·javascript·react.js·react·next.js
HjhIron9 小时前
React Router 通关指南:从入门到鉴权,一个项目全搞定
前端
kyson_9 小时前
如何做一款自适应的数据大屏:`vw/vh`、`rem`、`scale` 应该怎么选?
前端
雪隐9 小时前
WPF + MVVM 实战系列02-告别 INPC 手写时代,做个体面的现代 WPF 人
前端·后端·c#
肉肉不吃 肉9 小时前
无渲染组件和组合式函数
前端·javascript·vue.js