vue2.0控制音频播放暂停

Question

点击a标签开始播放音频，已经在播放的时候可以暂停，不知道哪里写错了，一直不好用
还有就是如果有多个v-for循环的a标签需要如何处理，因为status只能给一个元素使用，多个元素的时候点击会更改其他元素的status的状态

<a class="demo" @click="listen">click</a>
var a = new Vue({
    el:'.demo',
    data:{
        status:false
    },
    methods:{
        listen:function() {
        var self = this;
        var audio = new Audio('url');
            if(self.status == false) {//初始状态未播放，点击播放
                audio.play();
                self.status = true
            }else{//已经在播放，点击暂停
                audio.pause();
                self.status = false
            }
            
      }
    }
})

Answer 1

你这样写，每次点击都会new出来一个audio吧