为了账号安全,请及时绑定邮箱和手机立即绑定

vue父组件直接操作子组件的方法(不通过$emit和$on)

标签:
Html/CSS Vue.js

今天再用element ui的时候走马灯有个发方法直接是通过this.$refs.carousel.prev()来控制走马灯的切换下一张的动作。
之前父组件触发子组件的方法都是$emit和$on配合完成的。

从走马灯的案例中启发了一个思路

1父组件引入使用组件直接给组件绑定ref名字。
2.子组件中在methods中定义任意方法。
3.父组件中直接this.$refs.name.fn()

以上3步父组件可以直接触发子组件的方法

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
6
获赞与收藏
35

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消