基于vue 兄弟組件之間事件觸發(fā)(詳解)
更新時間：2018年03月06日 15:18:14 作者：攻城獅Lee丶
下面小編就為大家分享一篇基于vue 兄弟組件之間事件觸發(fā)(詳解)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
直奔主題！
兄弟組件之間的事件觸發(fā)，大概思路是通過父級組件交換數(shù)據(jù)，watch來監(jiān)聽觸發(fā)事件。
場景是父級組件A同時引用兩個子級組件B，C。點(diǎn)擊B組件中的按鈕執(zhí)行C組件中的事件。
第一步：父級組件A
<bottom-play :play="playStatus" @playStatus="btmChild"></bottom-play>
methods:{
listChild:function(val){//B組件自定義事件 狀態(tài)是布爾值
this.playStatus = val;
},
btmChild:function(val){//C組件自定義事件
this.btmStatus = val;
}
}
第二步：子級組件B代碼
props: ['play'],//接受父級傳遞的數(shù)據(jù)
watch:{//監(jiān)聽數(shù)據(jù) 如果改變執(zhí)行audioPlay函數(shù)，audioPlay在methods中定義
play:'audioPlay'
}
audioPlay：function(){
this.$emit('playStatus',false);//向父級組件傳遞參數(shù)
}
第三步：子級組件C代碼
props: ['btmStatus']
,watch:{
btmStatus:'playList'
}
總結(jié)就是A組件定義兩個值分別傳遞給B，C。然后B，C組件watch方法監(jiān)聽數(shù)據(jù)觸發(fā)事件。
以上這篇基于vue 兄弟組件之間事件觸發(fā)(詳解)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
win2008 r2安裝SQL SERVER 2008 R2 不能打開1433端口設(shè)置方法
這篇文章主要介紹了win2008 r2安裝SQL SERVER 2008 R2 不能打開1433端口設(shè)置方法,需要的朋友可以參考下2017-01-01
sql2008安裝后服務(wù)器改名造成名稱不一致解決方法
查看服務(wù)器名是否一致如果不一致，則以serverproperty(servername)為準(zhǔn),接下來介紹詳細(xì)解決方法,感興趣的朋友可以參考下，希望可以幫助到你2013-02-02
sql2008評估期已過的解決辦法及序列號，有關(guān)如何升級您的測試版軟件的信息2013-02-02
關(guān)于SQL Server 2008忘記sa密碼修改sa密碼的方法圖解
這篇文章主要介紹了關(guān)于SQL Server 2008忘記sa密碼修改sa密碼的方法圖文詳解，非常不錯，具有參考借鑒價值，需要的朋友參考下2017-01-01
探討如何配置SQL2008,讓其允許C#遠(yuǎn)程外部連接的方法詳解
本篇文章是對如何配置SQL2008,讓其允許C#遠(yuǎn)程外部連接的方法進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下2013-06-06
這篇文章主要介紹了SQLServer之常用函數(shù)總結(jié)詳解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08
Sql Server 2008R2升級Sql Server 2012圖文教程
這篇文章主要分享了了Sql Server 2008R2升級Sql Server 2012圖文教程，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
下面小編就為大家?guī)硪黄胘dom創(chuàng)建中文的xml文件的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-01-01
Sql Server 2008 數(shù)據(jù)庫附加錯誤:9004問題解決方案
數(shù)據(jù)庫文件存在異常狀況，有可能是因為硬盤有壞區(qū)引起的。附加數(shù)據(jù)庫的時候，提示錯誤9004,這篇文章主要介紹了Sql Server 2008 數(shù)據(jù)庫附加錯誤：9004,需要的朋友可以參考下2023-07-07
這篇文章主要介紹了NetBeans連接SQLServer2008配置教程,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-06-06