mirror of
https://github.com/yawaflua/LuckyDiamond.git
synced 2025-12-10 20:29:35 +02:00
36 lines
626 B
Vue
36 lines
626 B
Vue
<template>
|
|
<div class="notification" v-if="notification">
|
|
<div class="notification__content">
|
|
<h3>Успешный вывод!</h3>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import '@/assets/css/ComponentsStyles/notification.css'
|
|
|
|
export default {
|
|
props: {
|
|
notification: Boolean
|
|
},
|
|
emits: ['notificationremove'],
|
|
methods: {
|
|
NotificationsTimer() {
|
|
setTimeout(() => {
|
|
this.$emit('notificationremove')
|
|
}, 4000)
|
|
}
|
|
},
|
|
watch: {
|
|
notification(newVal, oldVal) {
|
|
if (newVal !== oldVal) {
|
|
this.NotificationsTimer()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
|
|
</style> |