element UI使用html的audio播放音频

<template>
  <div>
    <!-- Audio 元素定义 -->
    <audio ref="audioPlayer">
      <source src="your-audio-file.mp3" type="audio/mpeg">
      Your browser does not support the audio element.
    </audio>
 
    <!-- 播放按钮 -->
    <el-button @click="playAudio">播放音频</el-button>
 
    <!-- 暂停按钮 -->
    <el-button @click="pauseAudio">暂停音频</el-button>
  </div>
</template>
 
<script>
export default {
  methods: {
    playAudio() {
      const audioPlayer = this.$refs.audioPlayer;
      audioPlayer.play();
    },
    pauseAudio() {
      const audioPlayer = this.$refs.audioPlayer;
      audioPlayer.pause();
    }
  }
}
</script>