Или также диву давать id?

Как решить проблему. Vue при создании экземпляра в created делает запрос через axios, в ответе данные записываются в Vuex. Данные - массив. И так как все асинхронно, то уже подргужается компонент, который использует эти данные из Vuex, и компонент при created выводит ошибку что ссылается на undefined в Vuex. Как быть? Как дождаться выполнения всех ajax запросов в created vue приложения, и только после этого дальше рендерить компоненты.

beforeRouteEnter

можно туда подключить, тогда переход будет после загрузки данных

а

ну и пропиши в стартовом состоянии vuex нужное свойство

чтобы оно было не undefined, а просто пустой массив

Привет) есть вопросик, имеется бэк на Django в шаблоне пробрасываются переменные с бэка(по тому же синтаксису {{ololo}}) в том же шаблоне подключаю vue component который сделан в group.js, почему-то не могу взаимодействовать с компонентом из html файла, можете подсказать как сделать лучше?

вот подключение

вот vue компонент

Как решить проблему. Vue при создании экземпляра в created делает запрос через axios, в ответе данные записываются в Vuex. Данные - массив. И так как все асинхронно, то уже подргужается компонент, который использует эти данные из Vuex, и компонент при created выводит ошибку что ссылается на undefined в Vuex. Как быть? Как дождаться выполнения всех ajax запросов в created vue приложения, и только после этого дальше рендерить компоненты.

В ajax можно было отключить асинхронный запрос, может здесь это поможет

да просто в дефолт state надо засунуть нужное свойство со значением пустого массива []

компонент отрендерится нормально

Проблема в том, что там обращение идет к первому элементу массива. Даже если сделать его [], то будет undefined.

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

ну так проверяй, пуст ли массив, не?)

Проблема в том, что там обращение идет к первому элементу массива. Даже если сделать его [], то будет undefined.

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

это не правильный подход скорее всего

Инициализация vue

не

я про то, где вывод

где обращение к элементам массива

Это в created компонента

Слушайте у нас есть тут чек по имени Dmitry Gankevich ?

там разве не так должно быть? this.$store.getters.getObjectCategories()[0].id

Почему?

https://medium.com/@dan_abramov/two-weird-tricks-that-fix-react-7cf9bbdef375 аналогично и для вью

по поиску не могу найти может как то по другому сидит чек

Работает и так и так.

сделай геттер getObjectCategoryId

в нем возвращай либо id если в массиве есть элементы

либо null

Не подойдет. Мне обязательно нужно всегда в модели в category_id при created компонента был первый элемент из тех данных, которые вернул запрос через axios и запихнул в Vuex. Null не допускается

Т.е. как то нужно обязательно дождаться пока ajax выполнится.

можете помочь?

Привет) есть вопросик, имеется бэк на Django в шаблоне пробрасываются переменные с бэка(по тому же синтаксису {{ololo}}) в том же шаблоне подключаю vue component который сделан в group.js, почему-то не могу взаимодействовать с компонентом из html файла, можете подсказать как сделать лучше?

вот подключение

вот vue компонент

Т.е. как то нужно обязательно дождаться пока ajax выполнится.

тогда гугли про отключение асинхронного запроса

что значит не можешь взаимодействовать?

Не подойдет. Мне обязательно нужно всегда в модели в category_id при created компонента был первый элемент из тех данных, которые вернул запрос через axios и запихнул в Vuex. Null не допускается

ты можешь сделать синхронный запрос, но это завесит интерфейс и является каноничным примером неправильной архитектуры приложения)

ты можешь сделать синхронный запрос, но это завесит интерфейс и является каноничным примером неправильной архитектуры приложения)

+

ты можешь сделать синхронный запрос, но это завесит интерфейс и является каноничным примером неправильной архитектуры приложения)

+

что значит не можешь взаимодействовать?

пытаюсь изменить значение переменной showModal, но получаю (Property or method "showModal" is not defined on the instance but referenced during render.)

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

Т.е. как то нужно обязательно дождаться пока ajax выполнится.

флаг загрузки (boolean)

ну так для этого обычно делают что-то вроде: если нет данных, отобразим заглушку на этот случай. если данные есть - отобразим данные

ну так для этого обычно делают что-то вроде: если нет данных, отобразим заглушку на этот случай. если данные есть - отобразим данные

заглушку показывать по этому флагу

Можно и так. Тут вообще много решений, и синхронный запрос - худшее из них)

если сервер залагает или интернет тупой?

будет 10 секунд белая страница?

без возможности нажать кудато

Да, про такой подход тоже думал. Будет легче обьяснить на конкретном примере где это используется. Этот массив из Vuex используется для банального отображения options select'a. При created компонента в модели, которая привязана к этому селекту должен подставляться первый элемент из этого селекта. Если когда вызвался компонент, данные в Vuex еще не пришли, сделать заглушку, Но тогда как после того, как данные загрузились в Vuex, заменить заглушку на первый элемент из Vuex. Через события?)

Все работало пока ajax выполнялся в created самого компонента:D Но данные понадобились в других частях приложения.

Как решить проблему. Vue при создании экземпляра в created делает запрос через axios, в ответе данные записываются в Vuex. Данные - массив. И так как все асинхронно, то уже подргужается компонент, который использует эти данные из Vuex, и компонент при created выводит ошибку что ссылается на undefined в Vuex. Как быть? Как дождаться выполнения всех ajax запросов в created vue приложения, и только после этого дальше рендерить компоненты.

v-if

Предлагаю банить тех, что предлагает делать синхронные запросы

Да, про такой подход тоже думал. Будет легче обьяснить на конкретном примере где это используется. Этот массив из Vuex используется для банального отображения options select'a. При created компонента в модели, которая привязана к этому селекту должен подставляться первый элемент из этого селекта. Если когда вызвался компонент, данные в Vuex еще не пришли, сделать заглушку, Но тогда как после того, как данные загрузились в Vuex, заменить заглушку на первый элемент из Vuex. Через события?)

в смысле?

там же биндинг на модель

меняешь модель - меняется селект

Предлагаю банить тех, что предлагает делать синхронные запросы

может наоборот синхронные?

может наоборот синхронные?

Тьфу, да

Предлагаю банить тех, что предлагает делать синхронные запросы

Блин, было смешнее

😄

подскажите, есть где то подборки layout для vuetify, кроме дефолтных в их доках?

всем привет! есть компонент, я сделал к нему примесь: // component.vue import dfsMixin from '@/mixins' export default { name: 'AppNavigation', props: { items: { type: Array, required: true } }, mixins: [ dfsMixin ] } </script> // mixin.js export default { methods: { routeToURL: (itemUrl) => { this.$router.push({ itemUrl }) } } } // вызываю в темплейте так <v-list-tile v-else :key="item.text" @click="routeToURL(item.url)"> ругается, что push на undefined, т.е. $router не определен. как можно в примеси компонента вызвать с контекста с роутом редирект?

ссылайся на v-if="test" а не device.ios

А в html нет ((

сохранить в vuex стор

мб?

прикрутите масюсенький vuex

а чтов такой портянке не так?

наверняка есть

но я второй день пишу на vue))

не шарю пока

Вопрос. Чтобы v-model работал с vuex сделал как в документации: user: { get () { return this.$store.state.user }, set (value) { this.$store.commit('updateUser', value) } } В vue-devtools мутации updateUser нет, но если вывести значение user в консоль, то оно изменяется. Оно так и должно работать?

с роутером работали (как пример), а вызывали геттеры вуексовые не мапгеттерами?))

так примерно такие же записи

не очень понятно почему вас так тревожит такая запись