基于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 兄弟组件之间事件触发(详解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
SQL Server 2008 数据库镜像部署实例之一 数据库准备
利用Sql Server 2008 enterprise X64,建立异步(高性能)镜像数据库,同时建立见证服务器实现自动故障转移2013-11-11SQL Server 2008 Express 及 Management Studio Express下载安装配置教程
这篇文章主要讲如何一步步从下载、安装、配置 SQL Server 2008 Express 和 SMSS 到最后 使用 SMSS 连接本地的数据库服务,需要的朋友可以参考下2020-08-08SQL Server 2008中的代码安全(三) 通过PassPhrase加密
本文主要涉及EncryptByPassPhrase和DecryptByPassPhrase函数进行通行短语(PassPhrase)加密。2011-06-06Microsoft SQL Server 2008安装图解教程(Windows 7)
本文详细介绍了SQL Server 2008的完整安装过程,但未介绍关于SP1补丁安装说明,在Windows 7系统上运行必须安装此补丁,对于部分服务的配置也未做详细的介绍2012-07-07SQL Server 2000向SQL Server 2008 R2推送数据图文教程
这篇文章主要介绍了SQL Server 2000向SQL Server 2008 R2推送数据图文教程,本文步骤详细,配图清晰,需要的朋友可以参考下2014-09-09SQL2008中SQL应用之- 死锁(Deadlocking)
当一个用户会话(会话1)已经落定了一个资源,而另一个会话(会话2)想要修改该资源,并且会话2也锁定了会话1想要修改的资源时,就会出现“死锁”(deadlocking)。2011-06-06详解SQL Server 2008工具SQL Server Profiler
这篇文章主要介绍了详解SQL Server 2008工具SQL Server Profiler,本文逐一讲解了SQL Server Profiler提供的功能,需要的朋友可以参考下2015-05-05SQLserver 2008将数据导出到Sql脚本文件的方法
大家都知道使用SQL的企业管理器可以导出SQL脚本,但导不出SQL的数据到脚本中,目前SQL2008有这个功能了。2010-04-04
最新评论