Всем привет, ребята, помогите, пожалуйста, разобраться, я прохожу v-for по массиву объектов, вот один из них

id: 2, name: "", email: "", created_at: "2018-03-13 15:35:16", updated_at: "2018-06-01 10:56:51", role: [ [ { id: 7, name: "super-admin", display_name: "Супер-администратор", description: "Пользователь со всеми правами", created_at: "2018-06-08 13:48:13", updated_at: "2018-06-08 13:48:13", pivot: { user_id: 2, role_id: 7 } } ] ],

точнее роль там вот так role: { id: 7, name: "super-admin", display_name: "Супер-администратор", description: "Пользователь со всеми правами", created_at: "2018-06-08 13:48:13", updated_at: "2018-06-08 13:48:13", pivot: { user_id: 2, role_id: 7 } },

v-for="item in Users"

item.role.name вот такая штука говорит что нет такой!!!

в чем может быть причина?

Error in render: "TypeError: Cannot read property 'name' of null"

а там нифига не нулл

в Users данные загружаются с сервера?

в Users данные загружаются с сервера?

Ес, сэр!

Ес, сэр!

юзай промисы и асинк/авейт, видимо, у тебя данные не успевают прогрузится до рендера

created(){ this.getAllUsers() }

а вот эта штука не прогружает?

Users:[ { role:{ name:'' }, }, ]

я еще и пустышку замутил

Они могут быть еще не готовы на момент рендера (данные грузятся асинхронно, vue первый проход делает без них, потом обновляет) С другой стороны, тогда внутрь v-for не должно заходить. (но зависит от того, как именно там всё подгружается).

странная хрень, притом item.role вот так робит и выводит весь объект

any ideas?

то есть, если ты по соседству поставишь {{item.role}} и {{item.role.name}}, то первый сработает, а второй нет?)

any ideas?

сделай промис

то есть, если ты по соседству поставишь {{item.role}} и {{item.role.name}}, то первый сработает, а второй нет?)

да

сделай промис

на костыли будет смахивать

да

ну, вообще говоря так не бывает :D

ну, вообще говоря так не бывает :D

я тоже так думал)

я тоже так думал)

так role у тебя же массив, не?

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

единственно о чем я умолчал v-text="item.role.name" через проп передается в комп

так role у тебя же массив, не?

ага

any ideas?

может стоит в mounted засунуть для начала? и потом на блок, где это всё выводится что-то типа v-if="Users.length?"

может стоит в mounted засунуть для начала? и потом на блок, где это всё выводится что-то типа v-if="Users.length?"

пробую

ага

хм, у тебя в role массив в массиве

может стоит в mounted засунуть для начала? и потом на блок, где это всё выводится что-то типа v-if="Users.length?"

а еще лучше, если beforeMount будет получать дату и менять что нибудь типа this.ready = true

хм, у тебя в role массив в массиве

role: { id: 7, name: "super-admin", display_name: "Супер-администратор", description: "Пользователь со всеми правами", created_at: "2018-06-08 13:48:13", updated_at: "2018-06-08 13:48:13", pivot: { user_id: 2, role_id: 7 } },

или на промисах вообще

А можно просто код в студию полностью?

Что это за гадание на трех картах

А можно просто код в студию полностью?

удваиваю. и скрин прямо структуры данных, которая приходит с сервера

role: { id: 7, name: "super-admin", display_name: "Супер-администратор", description: "Пользователь со всеми правами", created_at: "2018-06-08 13:48:13", updated_at: "2018-06-08 13:48:13", pivot: { user_id: 2, role_id: 7 } },

используй тройную ` до и после кода

чтоб форматирование было

а еще лучше, если beforeMount будет получать дату и менять что нибудь типа this.ready = true

на счёт beforeMount не уверен, но с this.ready предполагается, что автор дойдёт когда-нибудь сам)

vot tak chitaemo

Да не надо ничего использовать тут Есть гисты и фидлы

Да не надо ничего использовать тут Есть гисты и фидлы

у него просто в объекте массив в массиве

Не, это не я) я на море был

но нечитаемо ни разу из за форматирования

Не, это не я) я на море был

ну передашь респект от всех тех, кто не читает доку

но нечитаемо ни разу из за форматирования

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

ну передашь респект от всех тех, кто не читает доку

Читают) просто они здесь такие вопросы не спрашивают, как те кого туда отправляют

Нихера не видать чот

Нихера не видать чот

Чот да)

Читают) просто они здесь такие вопросы не спрашивают, как те кого туда отправляют

логично, ?

(нет)

https://mr-mem.ru/images/memes/thumbs/full-hd-meme.jpg

:D

шакалим @

дебажим

{ id: 2, name: "", email: "", created_at: "2018-03-13 15:35:16", updated_at: "2018-06-01 10:56:51", role: { id: 7, name: "super-admin", display_name: "Супер-администратор", description: "Пользователь со всеми правами", created_at: "2018-06-08 13:48:13", updated_at: "2018-06-08 13:48:13", pivot: { user_id: 2, role_id: 7 } },}

вот объект юсера

<v-list> <v-list-tile v-for="item in Users" :key="item.id" avatar @click=""> <v-list-tile-action> <v-icon v-if="item.icon" color="pink">star</v-icon> </v-list-tile-action> <v-list-tile-content> <v-list-tile-title v-text="item.role.name"></v-list-tile-title> </v-list-tile-content> <v-list-tile-content> <v-list-tile-title v-text="item.email"></v-list-tile-title> </v-list-tile-content> <!--<v-list-tile-avatar>--> <!--<img :src="item.avatar">--> <!--</v-list-tile-avatar>--> </v-list-tile> </v-list>

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

ERROR: S client not available

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

Может ты просто не сделал this.users = await что-то там

Может ты просто не сделал this.users = await что-то там

Это не предположение ес чо

> v-for="item in Users" Почему у тебя переменная с большой?

> v-for="item in Users" Почему у тебя переменная с большой?

так объявил в дате, есть разница?

так объявил в дате, есть разница?

Та не, прост не красиво)

Так ты сбросишь весь код? :D

Та не, прост не красиво)

исправился, теперь красиво, но не робит))

Так ты сбросишь весь код? :D

момент

момент

Вот сюда хотяб https://jsfiddle.net/ Скинул, ctrl+S и ссылку в чат

Вот сюда хотяб https://jsfiddle.net/ Скинул, ctrl+S и ссылку в чат

https://jsfiddle.net/ato1ehc9/

Всем привет) Кто-нибудь использует Vue вместе с WordPress в качестве back-end'a?

А я чет потерялся, у тебя данные сетятся?

https://jsfiddle.net/ato1ehc9/

☝️

А я чет потерялся, у тебя данные сетятся?

?

В data.users у тебя данные записались, которые должны были прийти по запросу?

В data.users у тебя данные записались, которые должны были прийти по запросу?

100%

<v-flex v-for="role in item.role" :key="role.id"> {{role.name}} </v-flex>

И когда ты внутри v-for выведешь {{ item }}, то у тебя отобразится нужный объект?

вот так тоже не получается

И когда ты внутри v-for выведешь {{ item }}, то у тебя отобразится нужный объект?

да

все, кроме свойств role

Ну так быть явно не должно)

Попробуй в своих данных role заменить на что-то и потом обратить на item.<твое что-то>

Ну так быть явно не должно)

полностью согласен, уже пару часов эта камасутра

Тоже не сработает, или оно только на item.role ничего не выводит

Тоже не сработает, или оно только на item.role ничего не выводит

пробую

в role может быть буква "e" русская кстати или "o"

в role может быть буква "e" русская кстати или "o"

Опыт)

не робит

притом сам role то выводится