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

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

一、子组件写法

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

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

二、父组件的写法

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

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

三、多个事件传值

1.子组件写法

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

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

2.父组件写法

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

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

相关推荐
Jolyne_1 分钟前
Table自定义单元格渲染分享
前端
加载中3614 分钟前
pnpm时代包版本不一致问题还是否存在
前端·面试·npm
老马啊老马5 分钟前
30 分钟搞定!Docker+Jenkins+Nginx + 腾讯云实现前端 CI/CD
前端
VillenK6 分钟前
用插件的方式注入Vue组件
前端·vue.js
掘金安东尼9 分钟前
Node.js 如何在 2025 年挤压 I/O 性能
前端·javascript·github
跟橙姐学代码19 分钟前
Python异常处理:告别程序崩溃,让代码更优雅!
前端·python·ipython
niuhuahua21 分钟前
大屏拖拽功能,配合ai组件使用,配合各个组件都可使用
前端
得物技术36 分钟前
前端日志回捞系统的性能优化实践|得物技术
前端·javascript·性能优化
陶甜也39 分钟前
threeJS 实现开花的效果
前端·vue·blender·threejs
用户76787977373240 分钟前
后端转全栈之Next.js 路由系统App Router
前端·next.js