@sasha_jarvi

Как задать исчезновение элемента при загрузке страницы?

Имеется следующий код на jquery:

window.onload = function(){
   $('#preloader').fadeOut('slow', function() {});
};

Надо сделать аналог с использованием vue.

Элемент выполнил таким образом:

<transition name="fade">
    <div id="preloader" v-if="show">
        <i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
    </div>
</transition>

Javascript:

var preloader = new Vue({
    el: '#preloader',
    data: {
        show: true
    }
});

Как настроить исчезновение элемента при загрузке страницы? В документации прямого аналога fadeOut в jquery не нашел.
  • Вопрос задан
  • 284 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
.fade-leave-active {
  transition: opacity 1s;
}

.fade-leave-to {
  opacity: 0;
}

mounted() {
  this.show = false;
},
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы