vue父组件中调用子组件函数的方法

在父组件中调用子组件的方法：

创新互联建站2013年开创至今，先为芙蓉等服务建站，芙蓉等地企业，进行企业商务咨询服务。为芙蓉企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

1.给子组件定义一个ref属性。eg:ref="childItem"

2.在子组件的methods中声明一个函数。eg: useInPar:function (str) {console.log(str)}

2. 在父组件的中声明一个函数，并通过this.$refs.childItem.userInPar来使用子组件中声明的函数。

父组件：

<template>
 <child-item ref='child' />
  <button @click='useChildFun'></button>
 </template>
 <script>
  ```
 methods() {
    useChildFun:function(){
      this.$refs.child.usedInPar('调用子组件中的方法');
   }
}
 </script>

子组件：

 ```
 methods () {
  usedInPar(str){
   console.log(str);
  }
 }

没有完整的代码，只有一个用法

总结

以上所述是小编给大家介绍的vue 父组件中调用子组件函数的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对创新互联网站的支持！

新闻名称：vue父组件中调用子组件函数的方法
转载源于：https://www.cdcxhl.com/article36/pgespg.html

成都网站建设公司_创新互联，为您提供网站策划、动态网站、软件开发、ChatGPT、企业建站、微信公众号

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容