Помогите, туплю. Есть объект. Пусть будет сущность item. Есть несколько вариантов

Question

Помогите, туплю. Есть объект. Пусть будет сущность item. Есть несколько вариантов

его отображения. Каждый item имеет вложенную структуру внутри себя. На бэке генерится список и отдаётся в компонент itemList.

Там простая конструкция <Item v-for="item in items"...>. В компоненте Item отрисовка и пытаюсь сделать редактирование...

Сам item - это объект со структурой.
item
- header
-- title
-- shortdesc
- images
-- imgsmall
-- imgbig
И т.д.

Пытаюсь в компоненте Item приделать форму редактирования только item.header
Передаю так:

<ItemEdit :edit-data="item.header" mode="short>

В ItemEdit соотв
props: ["editData"],

Но когда пытаюсь в ItemEdit вывести {{ editData.title }} и ниже <input v-model="editData.title"...

Валится ошибка в консоль, что title не существует. Что я делаю не так?

#frontend #javascript #programming #russian #vue.js

0

31.03.2021

8 ответов

18 просмотров

Алексей

Аслан
Так ты же передаешь вроде только item.header через...

У него header — это объект со свойством title внутри

0

01.04.2021

Вадим Sutormin

выведите через v-html item на страницу и поглядите не запутались ли вы в структуре

0

01.04.2021

Aleksey German

посмотри как передается editData - что получается при передаче, если объект, то как он устроен, возможно получается так obj { header: {title}, images: {} }, а потому обращаться надо obj.header.title, а может вообще пустой передаешь

0

01.04.2021

Anton Permyakov

посмотри в девтулзах что приходит

0

01.04.2021

Алексей

Когда через пропсы передаёте объект, всегда используйте валитатор. А ещё лучше сделать классы для item и header и валидатор по классу. Это избавит от необходимости писать сложные валидаторы

0

01.04.2021

Anton Permyakov

Алексей
Когда через пропсы передаёте объект, всегда исполь...

классы можно через instanceof проверять

0

01.04.2021

Алексей

Anton Permyakov
классы можно через instanceof проверять

Можно разными способами. Не суть

0

01.04.2021