Сделал скрипт, который добавляет/убирает класс к хэдэру при прокрутке, добавил

условие проверки роута,
на определенных роутах надо отключать это поведение, и принудительно устанавливать этот класс - добавил и это условие - вроде все работает
но если перейти на страницу, на которой должен просто быть класс(без поведения рпокрутки) и обновить страницу - класс не добавляется
как отследить полный релоад страницы?

кратенько смысл:
watch: {
$route(value) {
this.checkScroll(value)
},
},
beforeMount() {
this.checkScroll(this.$route)
},
beforeDestroy() {
this.removeScroll()
},
methods: {
handleScroll() {
this.scrolled = window.scrollY >= 12
},
checkScroll(value) {
const path = value.path.split('/')[1]
if (
value.name === 'index' ||
path === 'search' ||
value.name === 'null'
) {
this.addScroll()
} else {
this.removeScroll()
}
},
addScroll() {
this.scrolled = null
window.addEventListener('scroll', this.handleScroll)
},
removeScroll() {
// отключаем прокрутку, принудительно вешаем класс к хэдэру
this.scrolled = true
window.removeEventListener('scroll', this.handleScroll)
},
},

#nuxt.js #programming #russian #software

02.11.2021

4 ответов

6 просмотров

Antoxa1081

mounted?

02.11.2021

Алекс Автор вопроса

Antoxa1081
mounted?

низя так, в mounted низя window юзать

02.11.2021

Antoxa1081

Алекс
низя так, в mounted низя window юзать

ээ?

02.11.2021

Алекс Автор вопроса

Antoxa1081
ээ?

накст пишет - ошибка, так низя

02.11.2021

Похожие вопросы

Nuxt.js | Vue SSR / Futuris

Подскажите пожалуйста! Только начинаю изучать Nuxt. Хотелось бы понять, пока хотя бы логически как должен выглядеть полноценный бэкенд с базой данных на Nuxt 3? У меня нет как...

#nuxt.js #programming #russian #software

29.05.2022

27 ответов

Nuxt.js | Vue SSR / Михаил Ш

Комрады! опять я со своими шампиньонами! Вот смотрите - надо заполнить store. в export const actions = { async fetch({commit}) { const page = await this.$axios.$get('htt...

#nuxt.js #programming #russian #software

19.10.2021

31 ответов

Nuxt.js | Vue SSR / vacuum Мальков

Всем привет, подскажите пожалуйста есть ли где руководство по установке express сервера с nuxt? А то в документации говорится про одни только middlewaйры, а установщик nuxt не...

#nuxt.js #programming #russian #software

05.02.2021

40 ответов

Nuxt.js | Vue SSR / Nikolay Petrov

Коллеги, подскажите, как можно отдебажить ошибку сервера на продакшене? На локалке все работает отлично, API работает, сертификаты живые... Добавил в nuxt config ssr: fa...

#nuxt.js #programming #russian #software

04.10.2021

30 ответов

Nuxt.js | Vue SSR / SureFace 𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭?

hi there!, i looking for progress bar indicator on scroll in NUXT js but unfortunately couldnt fine information, sorry i can understand russian but can't write good therefor...

#nuxt.js #programming #russian #software

30.08.2022

18 ответов

Nuxt.js | Vue SSR / Nikolay Petrov

Подскажите, а в middleware можно получить доступ к process.env.MY_VARIABLE?

#nuxt.js #programming #russian #software

07.09.2022

19 ответов

Nuxt.js | Vue SSR / Stas

Добрый день! Столкнулся с проблемой.. vue-scrollmagic подключается в секции plugins и попадает в общий бандл, есесено сильно увеличивает его размер. Сам плагин используется...

#nuxt.js #programming #russian #software

20.09.2022

13 ответов

Nuxt.js | Vue SSR / Avtandil

Кто ни будь имел опыт работы с https://image.nuxtjs.org/ ? По api прилетает ссылка на png файл. <nuxt-img :src="image" alt="some_text" ...

#nuxt.js #programming #russian #software

16.09.2021

27 ответов

Nuxt.js | Vue SSR / Алекс

как можно отследить изменение роута? нашел такой вариант computed: { sectionTopNav() { const route = this.$router.currentRoute.path.split('/')[1] this.componen...

#nuxt.js #programming #russian #software

31.10.2021

25 ответов

Nuxt.js | Vue SSR / jan Yan

У меня странная ошибка, я через this.$nuxt.error({ statusCode: 404, message: 'Not Found' }) поднимаю 404 ошибку со страницы, для нее есть лайаут и оно вроде работает на части ...

#nuxt.js #programming #russian #software

13.08.2022

15 ответов

Смотреть еще

207 похожих чатов

Сделал скрипт, который добавляет/убирает класс к хэдэру при прокрутке, добавил

4 ответов

Похожие вопросы