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