vue项目中如何实现在父组件点击按钮触发子组件-创新互联

今天就跟大家聊聊有关vue项目中如何实现在父组件点击按钮触发子组件,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

成都创新互联公司欢迎来电:13518219792,为您提供成都网站建设网页设计及定制高端网站建设服务,成都创新互联公司网页制作领域十多年,包括自上料搅拌车等多个方面拥有丰富的网站制作经验,选择成都创新互联公司,为网站锦上添花。

我把这个实例分为几个步骤解读:

1、父组件的button元素绑定click事件,该事件指向notify方法
2、给子组件注册一个ref=“child”
3、父组件的notify的方法在处理时,使用了$refs.child把事件传递给子组件的parentMsg方法,同时携带着父组件中的参数msg
 4、子组件接收到父组件的事件后,调用了parentMsg方法,把接收到的msg放到message数组中

父组件



 
 

网站标题:vue项目中如何实现在父组件点击按钮触发子组件-创新互联
标题链接:http://bzwzjz.com/article/dgpcgs.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 营销型网站建设 成都网站建设 高端品牌网站建设 成都响应式网站建设公司 营销网站建设 成都网站制作 自适应网站设计 温江网站设计 公司网站建设 达州网站设计 成都网站设计 手机网站制作 重庆网站制作 定制网站建设 外贸网站设计方案 成都网站建设 成都网站建设 网站制作 成都网站建设公司 攀枝花网站设计 高端定制网站设计 手机网站建设套餐