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

Привет, есть такая проблема: В зависимости от устройства открываю мобильное меню

на сайте или показываю обычное обычное. Устройство определяю через плагин https://github.com/nuxt-community/device-module
Проблема в том, что если открыт сайт на Десктопе но в маленьком брекпоинте (На маленькой ширине), на наксте мы не можем узнать размер страницы, в итоге переменная, отвечающая за показ менюшки, считает что это десктоп (работает плагин) и ломает менюшку.
Как правильнее будет решить проблему? через css апеллировать менюхой или есть какое-то решение как можно в наксте через js код?

8 ответов

29 просмотров

https://www.npmjs.com/package/nuxt-breakpoints

Arsenii-Berezin Автор вопроса
Aleksandr Drozdov
https://www.npmjs.com/package/nuxt-breakpoints

Спасибо, а ты использовал такую штуку сам?

Arsenii-Berezin Автор вопроса
Aleksandr Drozdov
да

понял, спасибо, попробую) я почему-то ночью не решился ставить этот плагин, мне показался в ночи не оч логичным) тогда затестим!

Arsenii-Berezin Автор вопроса
Aleksandr Drozdov
на проде работает, все норм

не работает( это было бы чуда, знать в ssr размер окна

Плагин смотрит на юзер агента браузера, а от того, что ты ресайзишь страницу, он пересчитываться не будет. Если ты не отрисовываешь две совершенно разных страницы с разной логикой в зависимости от типа устройства, то и особого смысла его определять нет. Так получается обычный адаптив, где ты с помощью media запросов можешь делать что угодно

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

Обсуждают сегодня

Всем привет! Имеется функция: function IsValidChar(ch: UTF8Char): Boolean; var i: Integer; ValidChars: AnsiString; begin ValidChars := 'abcdefghijklmnopqrstuvwxyzABCDE...
Евгений
44
Ну вот просто даже давайте вот как. Какой нибудь конкретный кейс, можете в пример привести, где бч работает и приносит прикладную пользу, а не просто что бы было? Не крипту.
Alexander Andreev
22
объясните пожалуйста, почему функция не работает должным образом? вроде должно брать активное окно сравнивать его размер с размером экрана, и если есть совпадение = true прове...
JF
12
> Копаем глубже > Следующий момент был, когда я спросил его, знает ли он JavaScript. Он ответил, что его учили работать с C#. Я тоже в университете писал на C#, но даже там мн...
Oleg Volkov
4
лучше скажите, причём тут паскаль?
Alexey Kulakov
36
И никого не интересует какие пакеты кто использует. ((% Заходишь на сайт симфони и видишь поддержку Украины - по законам РФ это ж экстремизм. Только никто не отказывается от с...
Am Ambrion
11
Чтобы перехватить все нажимания буков на форме, надо хук ставить? Пробовал на форме ОнКейДаун, оно ловит клаву если фокус не на компоненте с вводом текста
Serjone
15
Народ! Впервые клиенту пришло письмо от РКН, у вас, дескать, есть яндекс метрика, а нигде не написано, что вы ее юзаете. Никто не сталкивался?
Sasha Beep
14
Но, может, есть уже проверенная? Наши требования такие: 1. Сообщения должны приходить из Инста в CRM оду 2. Должна быть возможность подключить несколько экаунтов Инстаграм. Р...
Alexander Sharoiko MSE / Александр Шаройко
8
Вопрос на перед, на следующую пятницу. Сколько строк кода можно вешать на одного программиста, понятно что если проект хорошо написан то можно и миллион. Но есть же где то пре...
AlekseyK Kluchnikov
31
Карта сайта