@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
  • Вопрос задан
  • 93 просмотра
Пригласить эксперта
Ответы на вопрос 2
delphinpro
@delphinpro
frontend developer
data(){
  return {
    classDir: '',
  }
}
onLeave(i, ni, dir){
  this.classDir = dir;
}
<div :class="{up: classDir}">
Ответ написан
kleinmaximus
@kleinmaximus
Не пытайтесь манипулировать DOM напрямую, а меняйте данные компонента!
Забудьте уж наконец про этот jQuery-стиль!!!
Ответ написан
Ваш ответ на вопрос

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

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