Здравствуйте!
Не могу решить такую проблему:
есть компонент, формирующий динамическое отображение используя другие компоненты. Допустим главный компонент "main".
Получаю в него json объект и создаю динамически компоненты doctor:
<doctor v-for="doctor in doctors">{{ doctor_name }}</doctor>
объект doctors имеет, например, такой вид:
{doctor_name: "Иван", specialization: "{ "spec1" : "true", "spec2": "false" , "spec3" : "false"} "}
шаблон doctors:
<div><slot></slot><specialization>{{Сюда нужно вывести данные}}</specialization></div>
шаблон specialization:
<div><slot>{{Сюда нужно вывести данные}}</slot></div>
Вопрос в том как пробросить часть объекта во вложенный компонент второго уровня?
Т.е. чтобы шаблон doctors имел вид:
<div><slot></slot><specialization v-for="spec in doctor.specialization">{{spec.spec1}} - {{spec.true/false}}</specialization></div>