@salco2012

Как получить window.screen.width в computed при каждом изменении?

У меня есть computed свойство которое отвечает за кол-во рядов для карточек. И это свойство должно возвращать кол-во рядов в зависимости от ширины окна, проблема в том, что это работает только 1 раз, при обновлении страницы, а мне нужно получать при каждом изменении ширины через девтулс даже на 1 px обновление computed свойства. Помогите решить задачку))

countRanks() {
      const screenWidth = window.screen.width;
      console.log(screenWidth);
      if (screenWidth >= 992 && screenWidth < 1200) {
        return 3;
      }
      if (screenWidth >= 768 && screenWidth < 992) {
        return 2;
      }
      if (screenWidth > 0 && screenWidth < 768) {
        return 1;
      }
      return 4;
    },
  },


Срабатывает только 1 раз при обновлении;
<p>countRanks</p>

61ab6d053fa67256090283.jpeg

Если меняю ширину, значение не меняется, хотя должно вернуть 1
61ab6d156e570663796112.jpeg
  • Вопрос задан
  • 54 просмотра
Решения вопроса 1
JohnnyGat
@JohnnyGat
Стараюсь писать код, понятный человеку.
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы