版权声明：本文为CSDN博主「yinghuacao_dong」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。

原文链接：https://blog.csdn.net/yinghuacao_dong/article/details/80054118

实现的思路是，前端监听某一个指标，当该指标发生变化的时候，调用语音提示功能。代码如下：

一、页面定义audio

<!-- 告警音 src中是语音资源路径，可以放在前端项目中的静态资源文件夹里面 -->
<audio id="audio" src="/static/audio/130808.wav"/>

二、data数据

data() {
  return {
    // 应用异常数量
    errCount: 0
  }
}

三、监听

// 监听异常发生变化，语音播报
watch: {
  'errCount': function () {
    this.aplayAudio()
  }
}

四、语音播报

// 语音播放
aplayAudio () {
  const audio = document.getElementById('audio')
  audio.play()
}

---