源码之家

  • 首页
  • 文章
  • 问答
  • 下载
您的位置: 首页  >  文章  >  Vue父组件调用子组件的方法

Vue父组件调用子组件的方法

分类: 文章 • 2022-12-01 00:10:11

首先,父组件可以通过props向子组件传递数据,实现通信,那么父组件如何调用子组件的方法呢?

子组件

Vue父组件调用子组件的方法

在子组件中简单定义了一个方法,然后去父组件中调用它。

父组件中

Vue父组件调用子组件的方法

这是父组件中使用子组件模块,用ref属性定义一个名字

Vue父组件调用子组件的方法

然后在methods中定义方法时可以$refs去找到子组件中的方法进行调用

其他内容后续补充


相关推荐

  • vue父组件重新赋值子组件未接收到
  • vue+antd做一个简单显隐子组件的功能
  • 当element-ui的el-dialog组件中包含子组件时,用refs调用子组件时的undefined问题
  • 解决vue双向绑定bug,父组件向子组件传数组或者对象时,子组件修改传过来的数组或者对象时,父组件也相应的修改
  • Vue 调用 子路由/子组件 内的方法
  • 分享我今天遇到的使用Vue组件报错问题的解决方法
  • vue 组件父子孙 三代传递 以及 子传父 孙传父
  • Vue高级3-Vue脚手架,父组件向子组件传数据(props)
  • vue父传子、子传父、非父子组件传值
  • vue项目搭建(由于是初学者,路由及文件的放置有些不规范,一般子组件建议放于components下)
  • 1.环境搭建jenkins(docker安装)+github+springboot(手动部署)
  • Angular 4 父组件调用子组件中的方法
    网站免责声明 网站地图 最新文章 用户隐私 版权申明
本站所有数据收集于网络,如果侵犯到您的权益,请联系网站进行下架处理。   

Copyright © 2018-2021   Powered By 源码之家    备案号:   粤ICP备20058927号