Vue组件的通信（方法之一）

最新推荐文章于 2024-09-15 17:15:28 发布

weixin_47127217

最新推荐文章于 2024-09-15 17:15:28 发布

阅读量438

点赞数

分类专栏： vue 文章标签： Vue组件父子通信 ref 数据获取方法调用

本文链接：https://blog.csdn.net/weixin_47127217/article/details/121701092

版权

vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1、首先你得会注册组件（局部、全局）

2、最好了解一下ref

<!--父组件-->
<propschild ref="propschild"></propschild>
<span @click="getchildfundata" style="cursor:pointer;">获取子组件的数据</span>


getchildfundata(){
    //获取子组件的数据
    console.log(this.$refs.propschild.msg)
    //获取子组件的方法
    this.$refs.propschild.propchild()
    
}


<!--子组件-->
<!-- 你的子组件需要有这么数据啊  -->
msg:"子组件的数据"

建议console.log(this.$refs.propschild)

-VueComponent

方法数据都能看到的

也可以看看别人大佬写的文章：

https://segmentfault.com/a/1190000019208626