vue 实现语音播报功能

<i @click="reader" class="el-icon-microphone"></i>  //elementUI 麦克风图标
<div id="group">{{words}}</div> //语音播报的文字

data(){
    return{
          words:'你好！'，
    }
}

reader(){
    let readWords = document.getElementById('msd-info').innerText   //获取播报的文字（除去样式）
    var url = "http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&text=" + encodeURI(readWords);
    var n = new Audio(url);
    n.src = url;
    n.play();  //播放阅读
                
//  n.cancel();  //取消阅读
//  n.pause();  //暂停阅读
}

OK，就这样，End~