VueJs способ обнаружения мобильного устройства, когда нам нужно отрендерить два разных представления, относительно типа устройства - PullRequest
0 голосов
/ 20 февраля 2020

Мне нужно изменить количество элементов, отображаемых в виде сетки, в зависимости от типа устройства. Для просмотра на мобильных устройствах и на рабочем столе. Я сделал так много предложений, как

  • проверить размер экрана устройства
  • проверить тип устройства

и, наконец, я закончил проверку типа устройства внутри метода .

methods: {
  isMobile() {
    if (screen.width <= 760) {
      return true
    } else {
      return false
    }
  },
},

и я использовал метод isMobile (), чтобы определить условия для каждого устройства. У меня вопрос, как я могу использовать этот метод isMobile () как вычисленное свойство , так как я возвращаю только логическое значение. И нормально ли это использовать без четного списка. Потому что пока все работает нормально. Но я ищу более унифицированное решение, поскольку я новичок в VueJs. Заранее спасибо.

1 Ответ

0 голосов
/ 20 февраля 2020

Отличная статья, показывающая несколько разных способов сделать это в JavaScript прямо здесь

...