
Aleksandr
18.08.2018
14:44:36


Egor
18.08.2018
14:48:16
Добрый день
Возникла небольшая проблема при написании ajax навигации по сайту с использованием vue router, хотелось его модифицировать под свои нужды.
Нужно сделать плавный переход от одного раздела к другому, логика такая:
1) Нажатие на ссылку для перехода в следующий раздел
2) Появляется лоадер
3) После раздел с которого собираемся уйти копируется в соседний div который должен остаться статичный до перехода в новый раздел
4) В vue router запускаем - next
4) В новом разделе идет запускается функции которая в зависимости от раздела вычисляет подгрузку всех нужных плагинов и картинок
5) Прячется лоадер и идет смена одного раздела к другому
Проблема заключчается в том что когда убивается предыдущий раздел после использования в vue router - next, ломаются плагины в предыдущем разделе и рушится верстка
Хотелось бы узнать, ни кто не делал подобной навигации у себя на сайте? Если кто то уже сталкивался с такой проблемой и нашел решение, можете подтолкнуть куда копать, что почитать

Google

Alex
18.08.2018
15:43:56

Egor
18.08.2018
15:45:27

Alex
18.08.2018
16:45:03

Егор
18.08.2018
17:09:53
товарищи, не подкажете по вопросу? Использую vue-cli для разработки фронта в среде одной идешки с запущенной dev-версией Vue. Так же на серваке в интернете развернут Flask и там реализоа вано примитивное API (несколько get и один post). Столкнулся с проблемой крос-сайтовых запросов, нагуглил решение для Фласка, в котором в методах апи прибавляется хедер Access-Control-Allow-Origin, и get запросы выполняются корректно. Но почему-то это решение не действует для post. Вопрос - надо ли как-то специально конфигурировать axios для этих целей на строне фронта? или это настраивается только на бэке? Если есть кто-то кто сталкивался с подобным на питониевом бэкенде, можете поделиться опытом? Спасибо
так же может как-то необходимо сконфигурировать вебпак?

Alex
18.08.2018
17:21:22
Это на сервере надо конфигурировать кому что можно и какие типы запросов доступны
Простые гет под корс не попадают

Radim
18.08.2018
17:24:07

Егор
18.08.2018
17:24:33
Спасибо

Kenan
18.08.2018
18:03:22
стрелки находятся вне router-view, т.е. они всегда одинаковые. Сразу отвечу, что такая структура была выбрана для дальнейшего создания 404 страницы ( только такой варик знаю )

Alex
18.08.2018
18:13:51
Например делать хук в роутере чтобы определять что должно быть дальше и переходить туда

Google

Alex
18.08.2018
18:14:16
Свойства caseSensitive нету, можете его удалить

Kenan
18.08.2018
18:18:02

Alex
18.08.2018
18:19:54
beforeEach и определять например что у таких страниц есть какой-нибудь флаг, например loop: true. Если есть — в from будет маршрут откуда переходим и надо определить куда дальше и next с ним вызвать
Русские доки по вью роутеру, первые в Гугле

Pavel
18.08.2018
18:30:03
Привет! есть компонент: лента с постами, посты грузятся внутри компонента.
Страница поста открывается с ленты
проблема в том что при переходе обратно на ленту, скролл возвращается наверх, видимо потому что посты еще не подгрузились. nuxt 1.4
как можно решить это?

Игорь
18.08.2018
18:39:15

Огонь-лёд пацан
18.08.2018
18:56:51
Ето таск
Ето ошибка

Vladimir
18.08.2018
18:59:01
чет не те педали бро

Огонь-лёд пацан
18.08.2018
18:59:22
Да я хочу в лист засунуть несколько тасков
И хочу, чтобы они были объектами

Radim
18.08.2018
19:00:14
Нет, на офф сайте есть пример туду листа, посмотри его

Огонь-лёд пацан
18.08.2018
19:00:38
т.е. я не могу создать экземпляр компонента внутри другого компонента?
Шо бы там с методами его работать
Гляну туду с оф сайта (ещё раз)
Я, офк могу это сделать по другому

Google

Огонь-лёд пацан
18.08.2018
19:01:17
и оно будет работать

Radim
18.08.2018
19:01:20
Ты можешь рендерить компонент в компоненте

Огонь-лёд пацан
18.08.2018
19:01:21
Но я хочу именно так

Illia
18.08.2018
19:02:01
Всем привет, есть общий вопрос. Кто из вас штудировал труды по алгоритмам и структурам данных?

Огонь-лёд пацан
18.08.2018
19:02:12
Понял, буду смотреть в сторону рендера
Что-то я о нём читал

Radim
18.08.2018
19:02:19

Огонь-лёд пацан
18.08.2018
19:02:26
Очень жаль, что так сделать нельзя

Radim
18.08.2018
19:02:32

Огонь-лёд пацан
18.08.2018
19:02:39
Знаю
Я хотел именно создавать компонент внутри другого компонента
Это ведь самый логичный вариант

Огонь-лёд пацан
18.08.2018
19:03:16
Спасибо за ответы
С набором методов и свойств?
Ты можешь рендерить компонент в компоненте

Radim
18.08.2018
19:10:38

Огонь-лёд пацан
18.08.2018
19:11:26
Окей
Вот у меня есть шаблон

Noone
18.08.2018
19:11:43
Приветствую, господа.

Google

Огонь-лёд пацан
18.08.2018
19:11:43
Я хочу, чтобы я в другом компоненте мог стряпать столько етих компонентов
сколько захочу
в методе
И я пытаюсь реализовать это примерно такой логикой

Admin
ERROR: S client not available

Огонь-лёд пацан
18.08.2018
19:13:08
Я прекрасно понимаю, что могу сделать в-фор
и в пропсы всё это отдавать
Но мне интересна именно такая реализация

Radim
18.08.2018
19:13:49

Noone
18.08.2018
19:14:49
Может кто помочь?
Или это я тормознутый овощ и не понимаю чего?
Есть массив объектов. он собственно и передан вуе в качестве data.
При обновлении свойства объекта из массива, не происходит ре рендер. и обновление. Словно кешируется старое , первое значение.
Пытался вызывать через $set , но результат тот же.

Arsen
18.08.2018
19:15:14
Что-то ты не правильно делаешь

Noone
18.08.2018
19:15:17
Причем не обновляет спустя какое то время.
Первые обновления нормальны

Arsen
18.08.2018
19:15:18
Код в студию
Магии не бывает

Noone
18.08.2018
19:15:39
Бывают баги :)

Arsen
18.08.2018
19:15:54
Да, багия бывает

Noone
18.08.2018
19:16:51
setInterval(() => {
vueApp.messages.forEach((msg), => {
msg.displayedTime = moment(msg.createdAt).fromNow()
})
}, 5000)
В общем то, весь код, без лишних деталей.
v nextTick тоже пихал, результата 0

Arsen
18.08.2018
19:17:42
Вапрос

Google

Arsen
18.08.2018
19:17:58
Зочем запятая после (msg)

Noone
18.08.2018
19:18:03
это я щас правил

Arsen
18.08.2018
19:18:06
Очепятка?

Noone
18.08.2018
19:18:07
забыл убрать
да, это случайность.

Arsen
18.08.2018
19:18:32
Ну ок
Ты уверен, что данные поменялись, но просто не вывелись?

Noone
18.08.2018
19:20:21
Они и не меняются.
Говорю же. Словно кешируется первоначальный displayedTime .
Сначала идет получение сообщений с сервера. Потом пуш этих сообщений в массив после нужной обработки.
И запускается таймер раз в 5 сек прогонять.
До новых сообщений, которые уже пришли с сервера, оно обновляет все на ура.
Новые сообщения, почему то уже не обновляет.
Хотя код и там и там одинаковый, и меняется лишь одна переменная, которая отвечает за скролл. не менее не более.

Arsen
18.08.2018
19:20:56
А ты консоль смотрел?

Noone
18.08.2018
19:21:01
ну конеш смотрел
там ничего. в ручную пытался менять этот тайм, аналогично нет не ошибок нихуя

Arsen
18.08.2018
19:21:40
Данные из апи могут быть иммутабельны
Но если ошибок нет, значит проблема в другом

Noone
18.08.2018
19:21:55
там чистые объекты по вебсокету. все с нуля, все свое писал.

Arsen
18.08.2018
19:22:27
Может ты где-то делаешь дубликаты и меняешь не там где надо