1.在template模板中添加audios标签
<div>
<audio ref="audios" :src="mp3url" />
</div>
2.在return函数中引入音频文件
mp3url: require('../../../assets/music/kawaSound.mp3')
3.在要触发播放的代码中触发播放功能
floatingLoadBearingSlip(newVal, oldVal) {
this.animationOfMovingLoadBearingSlipSwitch(newVal)
// 播放声音
this.$refs.audios.play()
}
注意事项
1.注意音频文件的后缀必须是小写的.mp3 ,如果不是请重名文件后缀!
2.触发时的节点要一致
3.触发播放函数不要单独封装,直接使用this.$refs.audios.play()来触发