Why doesn't audioTrack.pause() work in vuejs?

Question

Vue.js

Wrote this code:

methods: {
    startAudio (audio) {
      let audioTrack = new Audio(audio)
      if (this.isTargeted === false) {
        audioTrack.play()
        this.isTargeted = true
      } else {
        audioTrack.pause()
        audioTrack.currentTime = 0
        this.isTargeted = false
      }
    }
  }

I work with the function like this:
v-on:click="startAudio( attachment.audio.audio )"

The audio file starts but when I click again to stop the music, it does not stop.

Answer 1

when I press again to stop the music, it does not stop

Each time the startAudio method is called, a new object is created, play on one, and pause on the other. It is necessary to save the created audio between calls to startAudio.