技術ブログ

(技術系中心)基本自分用備忘録なので、あくまで参考程度でお願いします。

confirmで確認してから削除する方法

confirmで確認してから削除する方法

ユーザーがリソースを削除するときに、「削除しても良いですか?」みたいな確認フェーズがある方がUXの観点で見ると良いと思われます。

これを実現するには単純でif confirm('削除しても良いですか?)でOKであれば削除、Noであれば削除しないと実装にすれば良いだけである。

f:id:lhiroki1205:20200621171834p:plain

サンプルコード

  methods: {
    removeCardFromList() {
      if(confirm('本当にこのカードを削除しますか?')) {
        this.$store.dispatch('removeCardFromList', { cardIndex: this.cardIndex, listIndex: this.listIndex })
      }
    }

github.com