Тогда если там опечатка, то не удивлюсь, что еще где-то есть, так что ищи

Я тебя понял, опечатка??

Ты на код посмотри, и сам все поймешь, если погимаешь

О, я в тиливизири

ах ты и тут предатель =)

лазутчик реакта

ах ты и тут предатель =)

Ну, всё правильно он сказал. Вью подходит для неосиляторов?

Подскажите в каком формате вам с апи приходят связанные данные.. допустим автор статьи и коменты.. как и когда вы это подгружаете?

Подскажите в каком формате вам с апи приходят связанные данные.. допустим автор статьи и коменты.. как и когда вы это подгружаете?

Формат: JSON, я делаю axios запрос на created() в компоненте Либо у меня бек уже отдаёт статьи с комментами, либо (в админке нужно вне зависимости от категории поста иметь все категории) делаю await Promise.all(...)

Формат: JSON, я делаю axios запрос на created() в компоненте Либо у меня бек уже отдаёт статьи с комментами, либо (в админке нужно вне зависимости от категории поста иметь все категории) делаю await Promise.all(...)

Ну вот эти категории ты как подгружаешь?

Что-то типа: await Promise.all([getPost(id), getCategories])

Ну где эти 2 функции - на самом деле axios

Что-то типа: await Promise.all([getPost(id), getCategories])

Это понятно но пост открывается на редактирование и у тебя категории появляются лишь потом.. то есть моргание происходит

Делай прелоадер.

Вот допустим как в форме делать если там тоже есть селект из категорий каких нибудь..

Вообще я так понимаю это с ssr решается..

Решается.

Да, прелоадер, а когда зарезолвится Promise.all, показывать всё

Да, прелоадер, а когда зарезолвится Promise.all, показывать всё

Ну на фронте ты же не будешь так делать..

Ну на фронте ты же не будешь так делать..

Почему? Так на фронте и делается, бек к прелоадерам отношения не имеет

Можно поставить прелоадер только на список категорий

Почему? Так на фронте и делается, бек к прелоадерам отношения не имеет

На фронте я думал в 99% делают с ssr

Там и кэш есть и прочие штуки

А то если таких данных у тебя на странице много ты будешь делать 10 запросов?

И постоянно загружать одни и те же категории которые можно было бы кэшироватт

А то если таких данных у тебя на странице много ты будешь делать 10 запросов?

Я руками кеширую такие запросы)

Я руками кеширую такие запросы)

В каждом запросе?

У тебя vuex?

Ага

И на каком этапе ты кэш загружает?

Один раз загрузил и кладу в стор. Дальше из стора беру

У меня просто хостинг и SSR не варик ?

Один раз загрузил и кладу в стор. Дальше из стора беру

Так а где загружаешь? При инициализации вью прям?

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

Так а где загружаешь? При инициализации вью прям?

Иначе это было бы слишком накладно)

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

И постоянно дублируешь загрузку из кэша?

Что если у тебя нескольким компонентам эти категории нужны?

Что если у тебя нескольким компонентам эти категории нужны?

Первый сделает запрос и запихнёт в стор. Остальные уже из стора будут брать)

Первый сделает запрос и запихнёт в стор. Остальные уже из стора будут брать)

Какой компонент это делает?

Какой компонент это делает?

Эта вся логика в хранится в vuex action. Т.е., он сам понимает - делать запрос к беку или отдавать данные из стора

Компоненты просто дёргают этот action)

Аа точно

а кто нибудь пробовал Weex?

а кто нибудь пробовал Weex?

это тот который "вам нужен сайт? сделайте его сами..."?

фреймворк

это тот который "вам нужен сайт? сделайте его сами..."?

нет, это wix

это тот который "вам нужен сайт? сделайте его сами..."?

нет, это тот который для мобилок

Много китайского.

Очень много.

Мне сказали, что он не очень стабилен. Я пока этого не сильно заметил.

Но комьюнити у него китайцы (Ибо это проект алибабы)

я так доку сейчас политал, вроде есть дока на понятном английском с примерами

а ты в продакшен используешь?

Пока только для себя, понять возможности натива. *Делаю игру на js, чувствую себя аутистом*

canvas?

Всем привет, кто с nuxt работал, подскажите, у меня в локал сторедже хранятся иды заявок, нужно при инициализации приложения получить заявки по этим айдишникам и запихать в стор, пока стоял мод spa - это делалось через middleware, но теперь пререндеринг происходит на серваке, и когда вызывается мидлвэр, о локал сторедже юзера еще ничего не известно, так вот вопрос: есть ли какой то калбэк который вызывается при инициализации приложухи vue, на клиенте, при серверном рендеринге, чтоб в этот момент получить список заявок по айдишникам из локал стореджа? Заранее благодарю

Сделай реализацию через куки, а не сторедж

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

Mounted вроде бы не вызовется на сервере, можешь попробовать там)

Ок, спасибо

Mounted вроде бы не вызовется на сервере, можешь попробовать там)

Точно, mounted вызывается на клиенте

Mounted вроде бы не вызовется на сервере, можешь попробовать там)

А created?

ребят? как мне в created, обратиится к геттеру?

ERROR: S client not available

А created?

хз) а где?

ребят? как мне в created, обратиится к геттеру?

mapGetters this.$store.getters

mapGetters this.$store.getters

а надо указывать модуль?

или nuxt делает стор глобальным?

думаю нужно указывать) посмотри в дев тулзах (или выведи в консоль) какая у тебя структа сторы

Привет, ребят. Подскажите, пожалуйста почему не работает стиль к диву в v-for item in items при рендеринге листа :style="{background-image: url(item.image) }" К items присвоен объект от запроса в created.

потому что у тебя мешанина

тебе строку надо получить

'backogrund-image: url(' + item.image + ')'

а тьфу там же обьект

сделат method корое

там очевиднее

Привет, ребят. Подскажите, пожалуйста почему не работает стиль к диву в v-for item in items при рендеринге листа :style="{background-image: url(item.image) }" К items присвоен объект от запроса в created.

Я здесь неточно написал как в коде. И кстати, ошибок нет просто пустые блоки

Так напиши как в коде

itemStyle(item) { return { backgroundImage: 'url(' + item.image + ') }; }

и :style="itemStyle(item)"

А ошибка какая?

Или никаких

там не будет ошибки если просто не валидный стиль

<div v-bind:style='{ backgroundImage: "url("+"../assets/goods/" + item.image + ")", }'></div>

Или никаких

никаких

itemStyle(item) { return { backgroundImage: 'url(' + item.image + ') }; }

попробую?

<div v-bind:style='{ backgroundImage: "url("+"../assets/goods/" + item.image + ")", }'></div>

Вебпак сам резолвит путь

Есть фичи?

Ну, я с телефона и мне не оч удобно. Попробуй прогуглить это вопрос. Должно работать из коробки

То есть дело в webpack

ок погуглю

Не обязательно.

Я конечно не вижу ошибки в приложенном коде

Но попробуй <div :style="{ backgroundImage: url(${ item.image})}"></div>