用vue怎么写 点击文字播放MP3

Question

用vue怎么写 当点击 文字 后播放指定MP3

Answer 1

<p @click = "handle">点击文字播放MP3</p>

<audio id="myAudio" controls>
  <source src="/i/horse.ogg" type="audio/ogg">
  <source src="/i/horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>


handle = ()=>{

    this.$resf['audio'].play()
}

Answer 2

试了一下 报错呢?

<template>
    <div>
        <p @click = "handle">点击文字播放MP3</p>
        
        <audio id="myAudio" controls>
          <source src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-hello-uniapp/2cc220e0-c27a-11ea-9dfb-6da8e309e0d8.mp3" type="audio/mp3">
          
        </audio>

    </div>
</template>

<script>
    export default {
        handle = ()=>{
        
            this.$resf['audio'].play()
        }
    }
</script>

<style>

</style>