Задать вопрос
@Sergeyjed
vue

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

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Vue & Capacitor Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Разработчик Vue.js
Кортекс
от 60 000 до 100 000 ₽
Frontend developer (middle/senior)
//stablecode
от 210 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Дописать функцию на Flutter, работа с yandex map kit
20 апр. 2024, в 04:18
3000 руб./за проект
Английская версия для сайта на WordPress
20 апр. 2024, в 03:34
8000 руб./за проект
Доработать клиентское приложение для GTA 5 на C#
20 апр. 2024, в 00:51
1000 руб./за проект
Ещё заказы