如何通过$emit()和$dispatch()实现子组件向父组件传值
发表于:2024-10-12 作者:千家信息网编辑
千家信息网最后更新 2024年10月12日,这篇文章给大家介绍如何通过$emit()和$dispatch()实现子组件向父组件传值,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。自定义组件是一个开发者编写的组件,使用起来和N
千家信息网最后更新 2024年10月12日如何通过$emit()和$dispatch()实现子组件向父组件传值 我是父组件count:{{fcount}} ` 我是子组件一count:{{compCount}} ` 我是父组件fnum:{{fnum}} ` 我是子组件二num:{{compNum}} `
这篇文章给大家介绍如何通过$emit()和$dispatch()实现子组件向父组件传值,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
自定义组件是一个开发者编写的组件,使用起来和Native一样,最终按照组件的来渲染;同时开发起来又和页面一样,拥有ViewModel实现对数据、事件、方法的管理。自定义组件也叫子组件,因为它不能独立存在,需要被引入到页面上才能生效。子组件避免一个页面的布局庞大、臃肿,而且使代码可读性好、易维护。
子组件如何向父组件传值呢?比如当子组件对数据进行改造后,如何把最终数据交给父组件呢?主要有两种方法:
子组件通过$emit()触发在节点上绑定的自定义事件来执行父组件的方法。
子组件通过$dispatch()触发自定义事件,父组件通过$on()监控自定义事件的触发。
解决方案
方法一
子组件通过$emit()触发在节点上绑定的自定义事件来执行父组件的方法,如下例子中实现了如何将子组件中的count值传递到父组件上。子组件定义了emitEvt事件(父组件中引用时,需要添加on前缀),子组件在调用$emit()时,携带了count参数,父组件在响应事件时,便可获取到参数值。
`
`
方法二 子组件调用childVm.$dispath()完成向上传递。子组件通过$dispatch()触发自定义事件,父组件通过$on()监控自定义事件的触发,自定义事件中控制num的变化,父组件中通过evt.detail获取子组件中的num的值赋值给父组件。
`
`
关于如何通过$emit()和$dispatch()实现子组件向父组件传值就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
组件
事件
方法
数据
页面
内容
参数
更多
节点
帮助
开发
监控
不错
臃肿
代码
例子
兴趣
前缀
可读性
同时
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
上海中卯物联网络技术
广州云数据库要多少钱
陕西戴尔服务器虚拟化迁移云空间
有口碑的服务器安全防护
怎么检查数据库重复行
海康威视服务器怎么抓包
淮安云服务器哪个厂家质量好
网络安全工作责任自查报告
数据库技术计算机三级
青岛网络安全产业基地在哪里
普通管理员可以启动关闭数据库吗
网络安全案例真实故事
网络安全入侵攻防实验文档
云餐厅怎么连接不到服务器
数据库审计产品 价格
瀑布模型最大的优点是将软件开发
猿题库数据库
混沌秩序2数据库
网络安全怎么破局
免费ftp服务器管理软件
服务器多久重启一次
安卓软件开发推进书
网络安全工作责任自查报告
蓝光系统服务器的优势
rhel6 ntp服务器
跨考网络安全与执法
软件开发项目成果质量
绍兴直销软件开发培训
游戏软件开发好学么
网络安全事故专项学习考试