一旦transitionを使おうと思ったがやめた。

diff --git a/src/components/snackBar.vue b/src/components/snackBar.vue
index 152992d..fccfe4b 100644 (file)
--- a/src/components/snackBar.vue
+++ b/src/components/snackBar.vue
@@ -26,12 +26,16 @@ export default {
     show() {
       var x = document.getElementById("snackbar");
       x.className = "show";
-      setTimeout(function(){ x.className = x.className.replace("show", ""); }, 2000);
+      if(!this.isShow){
+        this.isShow = true
+        setTimeout(() => { x.className = x.className.replace("show", ""); this.isShow=false;}, 2000);
+      }
     }
   },
   data() {
     return {
       msgValue: '',
+      isShow: false,
     }
   },
 }