请选择 进入手机版 | 继续访问电脑版

vue中组件之间调用方法

[复制链接]
小甜心 发表于 2021-1-2 19:42:02 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
1.vue中子组件调用父组件的方法

1>第一种方法是直接在子组件中通过this.$parent.event来调用父组件的方法。

父组件
  1.         
复制代码
子组件
  1.       点击  
复制代码
2>第二种方法是在子组件里用$emit向父组件触发一个事件,父组件监听这个事件就行了。

父组件
  1.         
复制代码
子组件
  1.       点击  
复制代码
3> 第三种是父组件把方法传入子组件中,在子组件里直接调用这个方法

父组件
  1.         
复制代码
子组件
  1.       点击  
复制代码
2.父组件调用子组件的方法

1>通过ref直接调用子组件的方法

  1. //父组件中            点击调用子组件方法            
  2.     //子组件中  我是子组件
复制代码
2>通过组件的$emit、$on方法;

  1. //父组件中            点击调用子组件方法            
  2.     //子组件中    我是子组件
复制代码
来源:https://blog.csdn.net/renjie123321/article/details/112003380
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

发布主题

专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )