成都网站建设设计

将想法与焦点和您一起共享

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

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

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

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

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

父组件



 
 

网页名称:vue项目中如何实现在父组件点击按钮触发子组件-创新互联
当前路径:http://chengdu.cdxwcx.cn/article/dgpcgs.html