Блог

Главная - Вопросы по программированию - передать функцию в анимацию Vue, выполненную обратным вызовом

передать функцию в анимацию Vue, выполненную обратным вызовом

#vue.js #animation #callback #hook

#vue.js #Анимация #обратный вызов #перехват

Вопрос:

можно ли передать функцию внутри обратного вызова «done» в анимации vue

 enter: function(e, done) {

     element.animate({
         // ...   
     }, duration, done)

}

таким образом, будет вызван следующий хук «afterEnter»? Если я сделаю это jQuery способом:

 enter: function(e, done) {

     element.animate({
         // ...   
     }, duration, function() {
         // do something
     })

}

javascript-хук «afterEnter» больше не вызывается

Комментарии:

1. Я думаю, что это стандартная часть Vue 012.vuejs.org/guide/transitions.html

2. Я этого не знал, я просто следую найденным примерам, возможно ли, что это происходит из jQuery? Я тоже включил ее в свой проект vue, но как насчет возврата «готово»? Без этого сразу вызываются перехваты after javascript, не дожидаясь фактического завершения перехода, также упоминаемого здесь: vuejs.org/v2/guide/transitions.html

3. Я не знаю, я не установил / не включил какую-либо библиотеку анимации, просто следуйте некоторой документации в Интернете, но теперь моя проблема решена, это было довольно просто, спасибо за ваше терпение.

Ответ №1:

Отвечая на собственный глупый вопрос, это было довольно просто, просто верните его из обратного вызова. Документирование просто сбило меня с толку, в конце хука просто вызывается «готово». https://v2.vuejs.org/v2/guide/transitions.html

     enter: function(e, done) {

         element.animate({
             // ...   
         }, duration, function() {
             // do something
             return done()
         })

    }