Мобильная версияКак конвертировать JQuery в скрипт Vue.js ⇐ Jquery
-
Гость
Как конвертировать JQuery в скрипт Vue.js
Я пытаюсь добавить имя класса динамически. Этот класс меняет отображение панели навигации, когда смещение прокрутки превышает 50.
Это код jQuery (jQuery для сворачивания панели навигации при прокрутке):
$(window).scroll(function() { if ($(".navbar-default").offset().top > 50) { $(".navbar-fixed-top").addClass("top-nav-collapse"); } еще { $(".navbar-fixed-top").removeClass("top-nav-collapse"); } }); Вот что я пробовал:
экспортировать по умолчанию { данные() { возвращаться { isSticky: ложь, StickyClass: "свернуть верхнюю навигацию", }; }, методы: { handleScroll(е) { е.prevent(); если (window.scrollY > 50) { this.isSticky = правда; console.log("Денеме"); } еще { this.isSticky = ложь; } }, }, смонтирован() { это.handleScroll(); }, }; Как мне преобразовать этот код?
Я пытаюсь добавить имя класса динамически. Этот класс меняет отображение панели навигации, когда смещение прокрутки превышает 50.
Это код jQuery (jQuery для сворачивания панели навигации при прокрутке):
$(window).scroll(function() { if ($(".navbar-default").offset().top > 50) { $(".navbar-fixed-top").addClass("top-nav-collapse"); } еще { $(".navbar-fixed-top").removeClass("top-nav-collapse"); } }); Вот что я пробовал:
экспортировать по умолчанию { данные() { возвращаться { isSticky: ложь, StickyClass: "свернуть верхнюю навигацию", }; }, методы: { handleScroll(е) { е.prevent(); если (window.scrollY > 50) { this.isSticky = правда; console.log("Денеме"); } еще { this.isSticky = ложь; } }, }, смонтирован() { это.handleScroll(); }, }; Как мне преобразовать этот код?
