tnblog
首页
视频
资源
登录

vue 父组件调用子组件方法或子组件调用父组件方法

5564人阅读 2020/8/12 21:41 总访问:223117 评论:0 收藏:0 手机
分类: .NET

一 父组件调用子组件方法




子组件 定义一个 ref :ref具有唯一性

调用 : this.$refs.alert.子组件方法

还可以获取data数据同上 

二子组件调用父组件方法

1.1
    this.$parent.父组件方法;   
    或者 
 引用子组件添加@myevent="getMyEvent"    

父组件里面添加getMyEvent()方法

子组件调用
this.$emit("myevent", "传值");
//更新

注意   @myevent 必须小写 ,如果大写vue会自己转成小写,所以大写时子组件调用回调方法myevent 会找不到 

评价
若人生只如初见,愿还是相遇的那个下午,阳光明媚转身一笑便如春暖花开
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
欢迎加群交流技术