Vue 语音播报

<template>
  <div>
    <h1>111111111</h1>
    <i @click="reader" class="el-icon-microphone"></i> 
    <div id="group">{{ words }}</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      words: "二大人精神力达到八十九阶，能够硬扛冰皇近身一掌而不伤，绝对是地狱界诸天之下一等一的人物",
    };
  },
  methods: {
    reader() {
      var url =
        "http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&text=" +
        encodeURI(this.words);
      var n = new Audio(url);
      n.src = url;
      n.play(); //播放阅读
    },
  },
};
</script>

<style>
</style>