@Sergeyjed

Как на vue.js написать код для fullpage добавление css классов?

плагин fullpage для vue, есть такой же на jquery и часть самописного кода переношу на vue.
jquery
...
				onLeave: function(index, nextIndex, direction){
					if(direction == "up"){
						$(".section").removeClass("down next prev")
						$(".main-deerpfarm .section:nth-child("+nextIndex+")").addClass("up")
						$(".main-deerpfarm .section:nth-child("+nextIndex+")").next().addClass("next up")
						$(".main-deerpfarm .section:nth-child("+nextIndex+")").prev().addClass("prev up")
					}else{
						$(".section").removeClass("up next prev")
						$(".main-deerpfarm .section:nth-child("+nextIndex+")").addClass("down animate-show")
						$(".main-deerpfarm .section:nth-child("+nextIndex+")").next().addClass("next down")
						$(".main-deerpfarm .section:nth-child("+nextIndex+")").prev().addClass("prev down")
					}
...

По сути мне нужно менять классы при прокрутке колесиком мышки (плагин определяет индекс блоков и направление прокрутки) Как записать для vue то что делает код выше?
VUE.js
...
        onLeave: function(index, nextIndex, direction){
          if(direction == 'up') {
         // ???????
          } else {
         // ???????
}


codepen https://codepen.io/serg-style/pen/wRYYLL?editors=1111
  • Вопрос задан
  • 113 просмотров
Пригласить эксперта
Ответы на вопрос 2
delphinpro
@delphinpro
frontend developer
data(){
  return {
    classDir: '',
  }
}
onLeave(i, ni, dir){
  this.classDir = dir;
}
<div :class="{up: classDir}">
Ответ написан
kleinmaximus
@kleinmaximus
Не пытайтесь манипулировать DOM напрямую, а меняйте данные компонента!
Забудьте уж наконец про этот jQuery-стиль!!!
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
MXP
от 120 000 до 140 000 руб.
Posh Space Москва
от 160 000 до 180 000 руб.
WACDAQ Москва
от 90 000 руб.
25 июн. 2019, в 08:45
25000 руб./за проект
25 июн. 2019, в 00:24
15000 руб./за проект