Forráskód Böngészése

Add delay to deleting error message so it can fade properly

sbkwgh 8 éve
szülő
commit
e9a6d08c89
1 módosított fájl, 13 hozzáadás és 2 törlés
  1. 13 2
      src/components/ErrorTooltip.vue

+ 13 - 2
src/components/ErrorTooltip.vue

@@ -3,7 +3,7 @@
 		class='error_tooltip'
 		:class='{"error_tooltip--show": error }'
 	>
-		{{error}}
+		{{delayed_error}}
 	</div>
 </template>
 
@@ -13,7 +13,18 @@
 		props: ['error'],
 		data () {
 			return {
-				active: false
+				delayed_error: this.error
+			}
+		},
+		watch: {
+			error (val) {
+				if(!val) {
+					setTimeout(() => {
+						this.delayed_error = ''
+					}, 205)
+				} else {
+					this.delayed_error = val
+				}
 			}
 		}
 	}