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

Question

[salco2012]

У меня есть 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>



Если меняю ширину, значение не меняется, хотя должно вернуть 1

Answer 1

[Johnny Gat]

https://qna.habr.com/q/419566

Comments

[salco2012]

Благодарю, подскажите пож. как это можно интегрировать во vue? Потому что я пробовал слушать Resize но, это не сработало

[Johnny Gat]

salco2012, https://stackoverflow.com/questions/49380830/vue-j...

[salco2012]

Johnny Gat, Спасибо))