как создать окно подтверждения оповещения в vue

Question

я хочу показать диалоговое окно перед удалением файлов, как я могу это сделать с помощью vue?

вот что я пытаюсь

моя кнопка для удаления файла

<a href="javascript:;" v-on:click="DeleteUser(artist.id, index)" onClick="return confirm('are you sure?');">Delete</a>

и вот мой метод удаления

DeleteUser(id, index) {
                axios.delete('/api/artist/'+id)
                .then(resp => {
                    this.artists.data.splice(index, 1);
                })
                .catch(error => {
                    console.log(error);
                })
            },

диалоговое окно отображается, но что бы я ни выбрал, продолжайте удалять файл.

Answer 1

Попробуйте это

<a href="javascript:;" v-on:click="DeleteUser(artist.id, index)">Delete</a>

DeleteUser(id, index) {

   if(confirm("Do you really want to delete?")){

                axios.delete('/api/artist/'+id)
                .then(resp => {
                    this.artists.data.splice(index, 1);
                })
                .catch(error => {
                    console.log(error);
                })
   }
},

Answer 2

Просто используйте if(confirm('are you sure?')) внутри DeleteUser.

DeleteUser(id, index) {
    if(confirm('are you sure?'))
        axios.delete('/api/artist/'+id)
          .then(resp => {
          this.artists.data.splice(index, 1);
        })
          .catch(error => {
          console.log(error);
        })
},

и удалите onClick

Демо https://jsfiddle.net/jacobgoh101/ho86n3mu/4/