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

confirm()メソッドはグローバルに利用可能です。あなたはあなたのアプリのどこにでも呼び出すことができます：

confirm('Your message')
    .then(result => {
        console.log(result);
});
 _

ダイアログオプションも設定できます。

confirm({
  title: "Your title",
  message: "Your message",
  okButtonText: "Your OK button text",
  cancelButtonText: "Your Cancel text"
}).then(result => {
  console.log(result);
});
 _