Hi there!, i looking for progress bar indicator

Question

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 therefore using english, can some one help me ? please brothers

#nuxt.js #programming #russian #software

0

30.08.2022

18 ответов

96 просмотров

SureFace 𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭? Автор вопроса

Ilia 🖥
Why don't you write your own? You need it just to ...

i did but it isnt work live which means on scroll, it works when i refresh page

0

30.08.2022

Ilia 🖥

SureFace 𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭?
i did but it isnt work live which means on scroll...

You need to add listeners after the page rendered and loaded on client, not after server rendering

0

30.08.2022

SureFace 𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭? Автор вопроса

Ilia 🖥
You need to add listeners after the page rendered ...

now i show my code bro

0

30.08.2022

Ilia 🖥

SureFace 𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭?
now i show my code bro

Sure, it would easier to help) but I have to go, I'll check it later, or mb somebody here will help you before it

0

30.08.2022

SureFace 𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭? Автор вопроса

Ilia 🖥
Sure, it would easier to help) but I have to go, I...

thanks

0

30.08.2022

SureFace 𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭? Автор вопроса

Ilia 🖥
Sure, it would easier to help) but I have to go, I...

a u free now bro ?

0

30.08.2022

TL Sergey

Ilia 🖥
Sure, it would easier to help) but I have to go, I...

you just need to use customized component in nuxt-loading, set it in nuxt.config.js like this: loading: '~/components/layout/progress/TheProgress.vue',

0

30.08.2022

Ilia 🖥

SureFace 𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭?
a u free now bro ?

It's still not, but I checked your code a little, in computed property u r using calculations with window properties, but they r not reactive, it's why it's working only on reloading page

0

30.08.2022

SureFace 𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭? Автор вопроса

Ilia 🖥
It's still not, but I checked your code a little, ...

yesssss

0

30.08.2022

SureFace 𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭? Автор вопроса

Ilia 🖥
It's still not, but I checked your code a little, ...

how can i do reactive

0

30.08.2022

Ilia 🖥

SureFace 𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭?
how can i do reactive

U need to create a variable, and add on scroll listener after page loaded with function, that will calculate the same in your current computed prop and write the result in that new variable

0

30.08.2022

Ilia 🖥

SureFace 𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭?
how can i do reactive

Like here https://stackoverflow.com/questions/50490561/computed-property-reactive-to-window-innerwidth-in-vuejs

0

30.08.2022

SureFace 𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭𑲭? Автор вопроса

Ilia 🖥
Like here https://stackoverflow.com/questions/504...

this is too with events

0

30.08.2022