@vuejs_ru

Страница 3463 из 3900
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
Возникла небольшая проблема при написании ajax навигации по сайту с использованием vue router, хотелось его модифицировать под свои нужды. Нужно сделать плавный переход от одного раздела к другому, логика такая: 1) Нажатие на ссылку для перехода в следующий раздел 2) Появляется лоадер 3) После раздел с которого собираемся уйти копируется в соседний div который должен остаться статичный до перехода в новый раздел 4) В vue router запускаем - next 4) В новом разделе идет запускается функции которая в зависимости от раздела вычисляет подгрузку всех нужных плагинов и картинок 5) Прячется лоадер и идет смена одного раздела к другому Проблема заключчается в том что когда убивается предыдущий раздел после использования в vue router - next, ломаются плагины в предыдущем разделе и рушится верстка
Копируй содержимое html блока в переменную. Потом вставляй в div, а блок удаляй

Egor
18.08.2018
15:45:27
Копируй содержимое html блока в переменную. Потом вставляй в div, а блок удаляй
Получилось, пока проблем не наблюдаю)) Спасибо большое)

Егор
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: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
Может ты где-то делаешь дубликаты и меняешь не там где надо

Страница 3463 из 3900