首页 > 其他 > 详细

vue__之父组件调用子组件的方法

时间:2020-06-27 21:50:47      阅读:70      评论:0      收藏:0      [点我收藏+]
  1. 需求 父组件点击 回复按钮;  子组件input 显示聚焦效果
  2. 给子组件 绑定  一个 ref
    技术分享图片
  3. 给子组件绑定一个事件:
    技术分享图片
    拿到 input 标签
    技术分享图片
  4. 在 父组件中 引用的 子组件 身上      也 添加一个  ref  
    技术分享图片
  5. 给 父组件  绑定一个点击 事件  ,,     然后通过  $refs  直接调用 子组件中的 事件
    技术分享图片
  6. 父组件中的 点击事件   通过   $refs  触发  子组件中的方法  focusIput()
    技术分享图片

vue__之父组件调用子组件的方法

原文:https://www.cnblogs.com/cl1998/p/13199772.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!