его отображения. Каждый 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 не существует. Что я делаю не так?
Так ты же передаешь вроде только item.header через пропс, а не весь обьект
У него header — это объект со свойством title внутри
выведите через v-html item на страницу и поглядите не запутались ли вы в структуре
посмотри как передается editData - что получается при передаче, если объект, то как он устроен, возможно получается так obj { header: {title}, images: {} }, а потому обращаться надо obj.header.title, а может вообще пустой передаешь
посмотри в девтулзах что приходит
Когда через пропсы передаёте объект, всегда используйте валитатор. А ещё лучше сделать классы для item и header и валидатор по классу. Это избавит от необходимости писать сложные валидаторы
классы можно через instanceof проверять
Можно разными способами. Не суть
Обсуждают сегодня