濮阳杆衣贸易有限公司

主頁 > 知識庫 > 基于vue 兄弟組件之間事件觸發(fā)(詳解)

基于vue 兄弟組件之間事件觸發(fā)(詳解)

熱門標簽:南京外呼系統(tǒng)租用 高德地圖標注生成 濟南電銷外呼防封卡怎么樣 電銷外呼系統(tǒng)違規(guī) 400電話辦理2273649Z空間 智能語音外呼系統(tǒng)打電話 怎樣在地圖標注自己的信息 400電話怎么申請收費標準 寧夏外呼系統(tǒng)方案

直奔主題!

兄弟組件之間的事件觸發(fā),大概思路是通過父級組件交換數(shù)據(jù),watch來監(jiān)聽觸發(fā)事件。

場景是父級組件A同時引用兩個子級組件B,C。點擊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)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

您可能感興趣的文章:
  • vue中的$emit 與$on父子組件與兄弟組件的之間通信方式
  • vue2.0 兄弟組件(平級)通訊的實現(xiàn)代碼
  • Vue 兄弟組件通信的方法(不使用Vuex)
  • vue2.0s中eventBus實現(xiàn)兄弟組件通信的示例代碼
  • Vue.js中兄弟組件之間互相傳值實例
  • Vuejs 用$emit與$on來進行兄弟組件之間的數(shù)據(jù)傳輸通信
  • vue中子組件調(diào)用兄弟組件方法

標簽:潛江 惠州 茂名 貴港 唐山 平頂山 長白山 仙桃

巨人網(wǎng)絡通訊聲明:本文標題《基于vue 兄弟組件之間事件觸發(fā)(詳解)》,本文關鍵詞  基于,vue,兄弟,組件,之間,;如發(fā)現(xiàn)本文內(nèi)容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《基于vue 兄弟組件之間事件觸發(fā)(詳解)》相關的同類信息!
  • 本頁收集關于基于vue 兄弟組件之間事件觸發(fā)(詳解)的相關信息資訊供網(wǎng)民參考!
  • 推薦文章
    东乡县| 汉源县| 武陟县| 武强县| 苗栗市| 兴国县| 永定县| 蓬安县| 兴义市| 叶城县| 三明市| 佳木斯市| 陵水| 建湖县| 威宁| 汤阴县| 甘泉县| 聊城市| 绥阳县| 敖汉旗| 玉山县| 武宁县| 鄄城县| 台前县| 泌阳县| 襄樊市| 黎川县| 舟山市| 盖州市| 南昌市| 巩义市| 临江市| 胶南市| 宣化县| 仲巴县| 贞丰县| 都昌县| 乌拉特前旗| 桃江县| 中西区| 北安市|