Size: a a a

Nuxt.js | Vue SSR

2021 June 15

V

Vlad in Nuxt.js | Vue SSR
а какой кейс?
источник

VS

Valentin Sergeev in Nuxt.js | Vue SSR
Всем привет! Ищу ментора для периодического код-ревью. Кому интересно, пишите :)
источник

C

Claus in Nuxt.js | Vue SSR
Благодарю, сейчас изучу.
источник

C

Claus in Nuxt.js | Vue SSR
Благодарю, но срабатывает только когда переключаюсь между страницами уже в режиме SPA.
источник

C

Claus in Nuxt.js | Vue SSR
Хочу загрузить данные с сервера для всех страниц и держать их в стор (хедер, футер и все то, что является одинаковым для всех страниц).
источник

DG

Dinar Galimov in Nuxt.js | Vue SSR
источник

C

Claus in Nuxt.js | Vue SSR
Благодарю! 🙏
источник

A

Aquinary in Nuxt.js | Vue SSR
Немного застрял на одном моменте
Имеется обычный div-элемент на странице, который с помощью css сделан так, чтобы занимать часть страницы независимо от количества содержимого внутри
Внутри этого элемента можно скроллить это самое содержимое: получается что-то типа диалога в вк
Но проблема в том, что при слишком большом количестве сообщений всё это начинает подлагивать (по очевидным причинам) в плане приходится долго ждать, пока все сообщения придут с бэка и отобразятся
Естественно нужно выводить только последние 30-50 сообщений и остальные подгружать, если пользователь скроллит
Так каким образом это лучше всего реализовать?
источник

ВБ

Владимир Бандуристов... in Nuxt.js | Vue SSR
Посмотрите в сторону "virtual-scroll-list" возможно поможет
источник

V

Victor in Nuxt.js | Vue SSR
не поможет, поможет пагинация
источник

A

Aquinary in Nuxt.js | Vue SSR
Очень похоже на то, что нужно
источник

MT

Matvey Tarasov in Nuxt.js | Vue SSR
Да просто пагинацию забахай, если скролл доходит до какой-то позиции, делай запрос
источник

ВБ

Владимир Бандуристов... in Nuxt.js | Vue SSR
источник

ВБ

Владимир Бандуристов... in Nuxt.js | Vue SSR
А ну и если делаете чат, то там же есть https://tangbc.github.io/vue-virtual-scroll-list/#/chat-room
источник

AN

Alexander Nemirov in Nuxt.js | Vue SSR
Компонент обернут в клиент онли, в компоненте используется слайдер owl, подскажите как его правильно импортировать, чтобы не ругался nuxt

Если так carousel: () => import('vue-owl-carousel2'), то ошибка на сервере, но сам компонент работает

Если так carousel: () => processprocess.client ?? import('vue-owl-carousel2'), то ошибок нет, но и компонент не работает
источник

A

Aquinary in Nuxt.js | Vue SSR
Угу, благодарю, буду крутить это решение
источник

A

Aquinary in Nuxt.js | Vue SSR
Хотя вот всегда интересовало, в яндексе в поисках картинок или видео при прокрутке вниз со временем начинает браузер тормозить
Неужели там не "придумали" выгружать контент вне области просмотра? Ну хотя бы часть
Потому что судя по всему virtual-scroll так умеет делать
источник

ВБ

Владимир Бандуристов... in Nuxt.js | Vue SSR
Тут нужно понимать, что при использовании виртуал-вскролла, выгружаемый контент не будет доступен в браузере через ctrl+F
источник

A

Aquinary in Nuxt.js | Vue SSR
Но  тот же вк запилил лупу вверху диалога, чтобы не юзать ctrl+f
С поддержкой плюрализмов и т.д.
Просто ещё до знакомства с вебом часто замечал, что при долгом листании выдачи картинок из яндекса браузер начинает умирать и пользоваться им становится просто невозможно
источник

C

Claus in Nuxt.js | Vue SSR
Где можно почитать про оборачивание компонентов в клиент онли?
источник