element vuex 语音播报

data () {
      return {
        showDetail: false,
        height: 1,
        // 1 不可用 0 正常 2运维中
        result: [],
        tableData: [],
        // 应用异常数量
        errCount: 0
      }

  监听:

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

  语音播报的方法:

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

  页面上需要定义一个audio:

  1. <!-- 告警音 -->
  2.  
    <audio id="audio" src="/static/audio/4031.wav"/>
posted @ 2018-10-30 17:30  爱吃西红柿  阅读(1063)  评论(0编辑  收藏  举报