<template>
<div class="notification" v-show="notificationIsShow">
{{text}}
</div>
</template>
<script>
export default {
props: {
text: String,
},
data() {
return {
notificationIsShow: true
}
},
methods: {
hideNotification(){
alert('triggered')
this.notificationIsShow == false
}
},
mounted () {
setTimeout(this.hideNotification(), 4000)
}
}
</script>
Итак, у меня есть компонент. Он отображает текст. Я хочу отображать его несколько секунд, затем скрыть. Как какое нибудь предупреждающее сообщение. Я пытаюсь задать отложенное выполнение функции, которая изменит в флаг с true на false, и элемент скроется. Вроде всё просто, но вот только функция отрабатывает сразу после срабатывания хука mount( если поместить в create - тоже самое).
Тоесть по предоставленному мною коду - я жду, что всплывающее сообщение "triggered" появится через 4 секунды, а оно появляется сразу при загрузке страницы? Помогите получит нужный результат