奔向主题!

兄弟组件中间的事件开启,大约思路是根据父级组件互换数据信息,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组件界定2个值各自传送给B,C。随后B,C组件watch方式监视数据信息开启事件。

之上这篇根据vue 兄弟组件中间事件开启(详细说明)便是我共享给大伙儿的所有内容了,期待能给大伙儿一个参照,也期待大伙儿多多的适用。