Может кто нибудь объяснить почему реф здесь назван previousOverflow? и

Question

Vue.js — русскоговорящее сообщество

999

Может кто нибудь объяснить почему реф здесь назван previousOverflow? и

какое значение получит этот реф в первый раз?

#frontend #javascript #programming #russian #vue.js

0

31.10.2023

10 ответов

8 просмотров

999 Автор вопроса

Artyom Tuchkov
потому что хранит прошлое состояние overflow (до с...

а для чего запоминать это состояние? почему просто не сделать что-то вроде onMounted(() => { document.body.style.overflow = 'hidden'; }) onBeforeUnmount(() => { document.body.style.overflow = 'auto'; })

0

6 месяцев назад

Artyom Tuchkov

999
а для чего запоминать это состояние? почему просто...

возможно, автору очень хотелось предусмотреть кейс, когда изначально overflow стоит отличный от auto, но вероятность этого стремится к нулю, поэтому я бы тоже сделал так, как ты написал ну и даже если все равно очень хочется сохранить начальное состояние, то для этого не нужно создавать отдельную переменную и делать ее рефом onMounted(() => { const { overflow } = document.body.style; document.body.style.overflow = 'hidden'; onBeforeUnmount(() => document.body.style.overflow = overflow); });

0

6 месяцев назад

999 Автор вопроса

Artyom Tuchkov
возможно, автору очень хотелось предусмотреть кейс...

не знал что онБефорАнмаунт можно внутри онМаунтед написать, разве это не приведет к инициализации onBeforeUnmount каждый раз когда будет появляться компонент?

0

6 месяцев назад

Artyom Tuchkov

так компонент и маунтится только 1 раз, поэтому при маунте и регистрируется коллбэк на анмаунт, который тоже вызовется только 1 раз

0

6 месяцев назад

Ruslan

999
а для чего запоминать это состояние? почему просто...

Там в комментариях написано для чего он это писал Наверняка не просто так, раз сделал

0

6 месяцев назад

999 Автор вопроса

Artyom Tuchkov
так компонент и маунтится только 1 раз, поэтому пр...

нажал на кнопку => маунтится компонент => вижу модалку нажал на крестик => анмаунтится компонент => пропала модалка как это маунтится один раз?

0

6 месяцев назад

Grigorii K. Shartsev

999
нажал на кнопку => маунтится компонент => вижу мо...

второй раз будет маунтиться новый экземпляр

0

6 месяцев назад

Artyom Tuchkov

999
нажал на кнопку => маунтится компонент => вижу мо...

так вот в твоем примере он и смаунтился 1 раз, второго нет если ты нажмешь еще раз на кнопку, то будет создан полностью новый интсанс компонента, у него будет заново вызван маунтед и заново зарегистрирован коллбэк (единственный, т.к. инстанс новый)

0

6 месяцев назад

999 Автор вопроса

Artyom Tuchkov
так вот в твоем примере он и смаунтился 1 раз, вто...

ааа теперь понял) гениально, спасибо за пояснение!)

0

6 месяцев назад

Artyom Tuchkov · Accepted Answer

Artyom Tuchkov

потому что хранит прошлое состояние overflow (до смены строкой ниже) первое значение будет то, которое уже установлено у body на момент маунтинга

0

6 месяцев назад

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

Может кто нибудь объяснить почему реф здесь назван previousOverflow? и

10 ответов

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