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

Как работает onMounted в скрытых элементах?

Собственно есть несколько "табов". Показывается только активный, остальные скрыты через display: none.

В одном из "табов" компонент, в котором в onMounted вычисляется высота блоков внутри этого таба.

Если этот "таб" изначально скрыт (display: none), то высота всегда равна 0, а если он активный то высота высчитывается правильно.

Как это поправить?
  • Вопрос задан
  • 88 просмотров
Комментировать
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • OTUS
    Vue.js разработчик
    4 месяца
    Далее
  • Skillbox
    Веб-разработчик на PHP
    9 месяцев
    Далее
  • Академия Eduson
    Frontend-разработчик
    9 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 1
coderisimo
@coderisimo
Потому что display: none не занимает места на странице. Попробуйте - visibility со значением hidden. Тогда элемент будет невидим, но при этом будет иметь размеры.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Frontend / фронтенд разработчик ( vue.js ) удаленная работа
Nomadic Soft
от 1 600 до 2 000 $
Стажер Fullstack разработчик Laravel (+ Vue.js)
Nomadic Soft
от 450 до 800 $
Fullstack-разработчик (PHP, Vue.js)
Qwintry
от 1 200 до 2 000 $
Ещё вакансии