Audio.play()

axios.post(route('myRoute'), {goodsFlow: this.goodsFlow})
                .then(response => {
                    if (response.data.to !== null) {
                        this.boxBuildCenterAudios[response.data.to].play();
                        console.log(response.data.mix);
                        if (response.data.mix === true && this.sayMix === true) {
                            this.boxBuildCenterAudios[response.data.to].onended = () => {
                                    this.mixAudio.play();
                            }
                        }
                        this.$toast.add({
                            severity: 'success',
                            summary: 'Success',
                            detail: "Item added to: " + response.data.centerName,
                            life: 6000
                        });
                    } else {
                        this.$toast.add({
                            severity: 'info',
                            summary: 'Info',
                            detail: "Don't need",
                            life: 6000
                        });
                    }

I do 3 requests

response 1 :

to	"1"
mix	false
centerName	"Test"

response 2 :

to	"1"
mix	true
centerName	"Test"

response 3 :

to	"1"
mix	false
centerName	"Test"

The problem is that mix is fales in response 3 but this.mixAudio.play(); is executed

it is not executed in response 1. sayMix is true all the time