vue中父组件触发子组件函数

云轻i

于 2019-04-15 21:17:18 发布

阅读量1.6k

点赞数

分类专栏： Vue 文章标签： vue组件

本文链接：https://blog.youkuaiyun.com/weixin_42087300/article/details/89321003

版权

6 篇文章

订阅专栏

本文介绍了一种在Vue.js中实现父组件调用子组件函数的方法。通过使用ref属性，父组件可以访问并触发子组件内的handle函数，实现组件间的交互与通信。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

父组件触发子组件函数

//子组件

<child-div ref='child'></child-div>

methods:{
   handle () {console.log("我是子组件")}
}


//父组件

this.$refs['child'].handle()
this.$refs.handle()

ps:

ref='child'代表子组件在父组件的名字