У меня до сих все грузится.

роскомназдор)

isProd ? '[hash:base64]' : '[local]_[hash:base64:5]' во, нашел конфиги. про [local] в доках не нашел щас, но это оно)

имя класса будет

Бля, почему у меня не работает, что за призрачные баги.

Всем привет!

Не могу же я с конфигом тупануть, я же тупо из доки скопировал

Парни, нужен ещё толковый совет) http://joxi.ru/VrweJPVfOlVPe2 в Vuex есть 3 action, которые получают дату, посты, пользователи, коменты, если допустим пользователи и коменты прийдут с задержкой (setTimeout для примера), то на момент рендера постов геттер, который ищет пользователя по id для каждого поста естественно не найдет пользователя Как сделать так, что бы после получения кользователей с задержкой вот например такой компонет заново выполнял getter http://joxi.ru/L21JO19F87GlaA и выводил пользователя?

надеюсь нормально сформулировал вопрос)

Парни, нужен ещё толковый совет) http://joxi.ru/VrweJPVfOlVPe2 в Vuex есть 3 action, которые получают дату, посты, пользователи, коменты, если допустим пользователи и коменты прийдут с задержкой (setTimeout для примера), то на момент рендера постов геттер, который ищет пользователя по id для каждого поста естественно не найдет пользователя Как сделать так, что бы после получения кользователей с задержкой вот например такой компонет заново выполнял getter http://joxi.ru/L21JO19F87GlaA и выводил пользователя?

тебе немного не это надо, сделай свойство реактивным, чтобы оно отдавало по id нужные посты.

скорее всего ты в коммите делаешь просто posts = responce.data.posts

а это массив наверняка, а массивы при присвоении обычном не отслеживаются на изменения. В итоге ты выводишь "предыдущий" запрос

смотри как заполнять массив в vue чтобы он был реаткиным: push или reduce (для замены), тогда твой computed getter будет в рилтайме возвращать нужные данные

Не могу же я с конфигом тупануть, я же тупо из доки скопировал

разверни новый cli да перенеси проект, не ?

а это массив наверняка, а массивы при присвоении обычном не отслеживаются на изменения. В итоге ты выводишь "предыдущий" запрос

Эти массивы присваиваются в свойства state в мутаторах, как ты написал про реактивность, вспомнил про Vue.set http://joxi.ru/RmzQMP9h09XEzr Попробовал, неа, или я не правильно понял?

разверни новый cli да перенеси проект, не ?

То есть предлагаешь взять воду из одного ведра и перелить в другое?

Эти массивы присваиваются в свойства state в мутаторах, как ты написал про реактивность, вспомнил про Vue.set http://joxi.ru/RmzQMP9h09XEzr Попробовал, неа, или я не правильно понял?

через сет не пробовал, я у себя так делаю: js setAgreements (state, data = []) { let agreements = state.agreements for (let i = 0; i < data.length; i++) { let itemIdx = -1 if (agreements.length > 0) { itemIdx = agreements.findIndex(item => parseInt(item.id) === parseInt(data[i].id)) } if (itemIdx < 0) { state.agreements.push(data[i]) } else { state.agreements.splice(itemIdx, 1, data[i]) } } localStorage.setItem('agreement', JSON.stringify(state.agreements)) }, реактивность есть

зачем ты перед сравнением двух переменных делаешь parseInt? :)))

тем более что этой функции надо указывать радикс

parseInt(num, 10)

а то можешь не заметить как оно воспримет строку как восьмеричное число :))

Как много смайлов

через сет не пробовал, я у себя так делаю: js setAgreements (state, data = []) { let agreements = state.agreements for (let i = 0; i < data.length; i++) { let itemIdx = -1 if (agreements.length > 0) { itemIdx = agreements.findIndex(item => parseInt(item.id) === parseInt(data[i].id)) } if (itemIdx < 0) { state.agreements.push(data[i]) } else { state.agreements.splice(itemIdx, 1, data[i]) } } localStorage.setItem('agreement', JSON.stringify(state.agreements)) }, реактивность есть

неа, что-то не то, у меня от axios приходит уже массив, я его просто присваиваю в свойство из state,

неа, что-то не то, у меня от axios приходит уже массив, я его просто присваиваю в свойство из state,

в это и проблема, я ж тебе как раз присваивание показал, как у меня сделано. Я тоже массив получаю из АПИ

попробуй сделать push - увидишь как обновится вьюха и задублируются твои сообщения

это ты просто можешь быстро проверить

ок) сейчас проверю

this.comments.push(comments)

this.comments.push(comments)

http://joxi.ru/Q2KqoK5C4VbB9r попробовал, результат тот же, геттер не видит данных, которые приходят с задержкой

покажи в компоненте геттер как вызываешь

покажи в компоненте геттер как вызываешь

http://joxi.ru/8238X79uJNnR8A

ИМХО ты тут чет не то делаешь, mounted у тебя вызывается 1 раз и до запроса. Сделай computed userById() return getUsers.filter()

и вот уже этот компутедный пихай в <nuxt>

в mapGetters вызови getUsers: return state.users (в store)

а сейчас ты юзера в самом компоненте не в то время 1 раз получаешь просто и не отслеживаешь апдейты

@BaBL86 спасибо тебе!

не за что, теперь разруливай чтоб nuxt не дергался дважды, в первый раз при загрузке, второй при изменении юзера =) можно попробовать v-if user !== null (дефолт стейт при создании компонента)

я просто на эту проблему в свое время больше дня убил =(

не за что, теперь разруливай чтоб nuxt не дергался дважды, в первый раз при загрузке, второй при изменении юзера =) можно попробовать v-if user !== null (дефолт стейт при создании компонента)

а вот этого не понял, что ты имеешь ввиду под "дёргался" и "при изменении юзера" ? у меня юзер не меняется, у поста один юзер всегда

при переходе с поста на пост у тебя может быть какое-то время до апдейта данных - старая инфа (стор не обновился еще)

и ссылки будут со старым id, а через секунду обновится getByUser и они перерисуются

ага, взял на заметку, спасибо

в общем это на твою логику уже завязываться должно, может у тебя и нет такой проблемы

проверить легко, кстати, если под npm run dev зайдешь на /post/1/ грубо говоря или /user/1/ что у тебя там за линки не смотрел. А потом в строке адреса поменяешь на 2 и энтер - будет ребут, данные 1 юзера, потом апдейт и на глазах перерисуется во второго. У меня так это работало

а, хотя у тебя так не будет, я данные из localStorage восстанавливаю, у меня оффлайн есть

надо переходить без перезагрузки

чтобы vuex не был пустым

глупость сморозил

))))))))))))) я понял, но всё же большое спасибо за твоё время. я возьму на заметку, сейчас просто не могу проверить, ещё не созданы остальные роуты и страницы

То есть предлагаешь взять воду из одного ведра и перелить в другое?

Спорим заработает

http://joxi.ru/8238X79uJNnR8A

у тебя это SSR?

у тебя это SSR?

nuxt.js

а почему не используешь asyncData/fetch?

почему через mounted?

там же вроде если тебе надо загрузить в vuex данные асинхронно, то fetch

если нужно чисто локальнов компонент то asyncData

там же вроде если тебе надо загрузить в vuex данные асинхронно, то fetch

так а разве fetch используется не в компоненте? а я хочу из vuex все получить

Всем привет, такой вопрос подскажите пожалуйста. У меня 1 форма для создания и редактирования, при редактировании я подтягиваю данные с бэка, как лучше сделать: редактируемый объект хранить в state и менять свойства по событиям коммитом? или хранить в компоненте формы и через v-model менять? я бы мог менять через v-model и объект в хранилище но у меня store strict

так а разве fetch используется не в компоненте? а я хочу из vuex все получить

я подозреваю, что на стороне сервера mounted не выполняется в принципе

т.к. это же не браузер и компоненту просто не куда монтироваться

Там вообще нету лайфсайкла

Функции просто генерят строки

ERROR: S client not available

так а разве fetch используется не в компоненте? а я хочу из vuex все получить

под fetch подразумевается метод компонента самого

Такс, это нужно проверить

{ el: 'bla-bla-component', data() { return { xuy: '***' } }, async fetch ({ store, params }) { ...await store.dispatch... }, asyncData (context) { return { xuy: 'pesda' } } }

как то так это делается

Всем привет, такой вопрос подскажите пожалуйста. У меня 1 форма для создания и редактирования, при редактировании я подтягиваю данные с бэка, как лучше сделать: редактируемый объект хранить в state и менять свойства по событиям коммитом? или хранить в компоненте формы и через v-model менять? я бы мог менять через v-model и объект в хранилище но у меня store strict

посмотри доклад кажется со второго vue meetup про FLUX, там праень хорошо плюсы и минусы обоих подходов объяснил

ну в asyncData там само собой промис

посмотри доклад кажется со второго vue meetup про FLUX, там праень хорошо плюсы и минусы обоих подходов объяснил

Хорошо, спасибо.

Хорошо, спасибо.

# Практика и методы работы со сложными формами во Vue.js - Александр Башкирцев (Software developer, Acronis) первый митап

а в сабже можно передать эвент родительскому компоненту не передавая новый экземпляр Vue в дочерний как эвентбас? чтобы в чайлде сделать что-то типа ths.$emit("something", this); и родитель поймал? у меня почему-то не работает ни this.$emit("something", this); ни this.$parent.$emit("something", this); но если я делаю отдельную шину и передаю её в компонент — работат

Значит либо между родителем и дочерним есть ещё посредники, либо не там ловишь

угу, где v-on ?

А ещё vue devtools хорошая штука

угу, где v-on ?

у меня this.projectEvents.$on("something", (o: any) => { console.log("something",); }); это работает. а если делаю this.$on("something", (o: any) => { console.log("something",); }); не работает

projectEvents соответственно new Vue, который я передаю компоненту <Child v-for="(child, id) … :project-events="getProjectEvents()"

А ещё vue devtools хорошая штука

So so... Много не показывает, только структуру и свойства. События не видит. Я сегодня 2 часа не мог понять почему $emit не работал в простейшей странице, когда только один компонент вложен в App (vuetify). Пришлось напрямую метод из this.$root вызывать

So so... Много не показывает, только структуру и свойства. События не видит. Я сегодня 2 часа не мог понять почему $emit не работал в простейшей странице, когда только один компонент вложен в App (vuetify). Пришлось напрямую метод из this.$root вызывать

Что-то ты делал не так

So so... Много не показывает, только структуру и свойства. События не видит. Я сегодня 2 часа не мог понять почему $emit не работал в простейшей странице, когда только один компонент вложен в App (vuetify). Пришлось напрямую метод из this.$root вызывать

я события видел, может не пользовался плотно и не заметил что события не все? хз

So so... Много не показывает, только структуру и свойства. События не видит. Я сегодня 2 часа не мог понять почему $emit не работал в простейшей странице, когда только один компонент вложен в App (vuetify). Пришлось напрямую метод из this.$root вызывать

а вот то, что дёрнул рут - это не кайф

а у меня показывает события. и если сделать в чайлде this.$parent.$parent.$emit("something", this); то родителю таки долетает

Все нормально он показывает. Вот с вуексом после редаксовских тулзов хреново

а вот то, что дёрнул рут - это не кайф

Да, но я уже куда не пихал @on:my-event в который должно прилететь событие из вложенного компонента

если у меня есть массив обьектов, я вывожу их карточками, и мне необходимо выводить тайтл карточки синим текстом, если статус этого обьекта равен 0, а если 1, то тайтл должен быть красным текстом, как это правильно сделать? через v-if что-то слишком длинные условия получаются. а v-bind больше подходит если обьект 1

Все хотел допилить, но пока разберёшься в сорцах

а у меня показывает события. и если сделать в чайлде this.$parent.$parent.$emit("something", this); то родителю таки долетает

Ну это вообще говнокодище

угу. у меня эвент нужен в обработчике нажатия кнопки оказалось, что в this.$parent лежит чайлд-компонент в котором кнопка, а уже в this.$parent.$parent — родитель

у меня this.projectEvents.$on("something", (o: any) => { console.log("something",); }); это работает. а если делаю this.$on("something", (o: any) => { console.log("something",); }); не работает

ты на дочернем элементе должен ловить его события

https://vuejs.org/v2/guide/events.html#Why-Listeners-in-HTML

угу. у меня эвент нужен в обработчике нажатия кнопки оказалось, что в this.$parent лежит чайлд-компонент в котором кнопка, а уже в this.$parent.$parent — родитель

Пиздес вы что с вуем делаете

Всем инъекцию реакта