有2個(gè)組件,A組件和B組件,A組件中有一個(gè)播放器,并且添加了播放器的播放和停止事件,要求B組件的多個(gè)按鈕點(diǎn)擊也能讓A組件的播放器播放,而且是每點(diǎn)擊一個(gè)就會(huì)暫停上一個(gè),立刻播放下一個(gè)這個(gè)是A組件
<img :src="start" alt="#" @click="changestart" class="seta">
changestart() { if (this.start == "../../static/pic/start.png") { this.start = "../../static/pic/stop.png"; this.$refs.player.play();
} else { this.start = "../../static/pic/start.png"; this.$refs.player.pause();
}這個(gè)是b組件,也添加了click事件,還有其他功能
<li v-for="(songNamelist,songIndex) in songName" v-bind:key="songIndex" class="songlist" @click="songChoose(songIndex,'/play')">
songChoose(songIndex,z) { this.$router.replace(z) this.isresearch = false; this.ishow=false; this.keyword='';
},有一個(gè)思路,因?yàn)橛玫氖荲uex,點(diǎn)擊B組件按鈕用mutation提交修改state.xxx=true,A組件發(fā)現(xiàn)state的參數(shù)xxx=true然后執(zhí)行播放,但是播放的函數(shù)不知道寫(xiě)在哪里這是播放的函數(shù)
this.$refs.player.play()寫(xiě)到created里面不行,因?yàn)锳沒(méi)有重新加載,寫(xiě)到A的methods里面不知道該用什么來(lái)觸發(fā),watch也試過(guò),xxx不知道該在哪里設(shè)置為false,請(qǐng)給一個(gè)解決方法或一個(gè)思路,非常感謝。
Vue 組件之間的控制
慕村9548890
2018-08-18 16:17:43