基于vue 兄弟组件之间事件触发(详解)
更新时间：2018年03月06日 15:18:14 作者：攻城狮Lee丶
下面小编就为大家分享一篇基于vue 兄弟组件之间事件触发(详解)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
直奔主题！
兄弟组件之间的事件触发，大概思路是通过父级组件交换数据，watch来监听触发事件。
场景是父级组件A同时引用两个子级组件B，C。点击B组件中的按钮执行C组件中的事件。
第一步：父级组件A
<bottom-play :play="playStatus" @playStatus="btmChild"></bottom-play>
methods:{
listChild:function(val){//B组件自定义事件 状态是布尔值
this.playStatus = val;
},
btmChild:function(val){//C组件自定义事件
this.btmStatus = val;
}
}
第二步：子级组件B代码
props: ['play'],//接受父级传递的数据
watch:{//监听数据 如果改变执行audioPlay函数，audioPlay在methods中定义
play:'audioPlay'
}
audioPlay：function(){
this.$emit('playStatus',false);//向父级组件传递参数
}
第三步：子级组件C代码
props: ['btmStatus']
,watch:{
btmStatus:'playList'
}
总结就是A组件定义两个值分别传递给B，C。然后B，C组件watch方法监听数据触发事件。
以上这篇基于vue 兄弟组件之间事件触发(详解)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
win2008 r2安装SQL SERVER 2008 R2 不能打开1433端口设置方法
这篇文章主要介绍了win2008 r2安装SQL SERVER 2008 R2 不能打开1433端口设置方法,需要的朋友可以参考下2017-01-01
查看服务器名是否一致如果不一致，则以serverproperty(servername)为准,接下来介绍详细解决方法,感兴趣的朋友可以参考下，希望可以帮助到你2013-02-02
sql2008评估期已过的解决办法及序列号，有关如何升级您的测试版软件的信息2013-02-02
关于SQL Server 2008忘记sa密码修改sa密码的方法图解
这篇文章主要介绍了关于SQL Server 2008忘记sa密码修改sa密码的方法图文详解，非常不错，具有参考借鉴价值，需要的朋友参考下2017-01-01
探讨如何配置SQL2008,让其允许C#远程外部连接的方法详解
本篇文章是对如何配置SQL2008,让其允许C#远程外部连接的方法进行了详细的分析介绍，需要的朋友参考下2013-06-06
这篇文章主要介绍了SQLServer之常用函数总结详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-08-08
Sql Server 2008R2升级Sql Server 2012图文教程
这篇文章主要分享了了Sql Server 2008R2升级Sql Server 2012图文教程，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-10-10
下面小编就为大家带来一篇用jdom创建中文的xml文件的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-01-01
Sql Server 2008 数据库附加错误:9004问题解决方案
数据库文件存在异常状况，有可能是因为硬盘有坏区引起的。附加数据库的时候，提示错误9004,这篇文章主要介绍了Sql Server 2008 数据库附加错误：9004,需要的朋友可以参考下2023-07-07
这篇文章主要介绍了NetBeans连接SQLServer2008配置教程,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-06-06
最新评论