Vuejs - передача родительского компонента реквизита дочернему элементу с шаблоном

Question

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

Обычно это было бы тривиально, однако я пытаюсь передать значение из реквизита в компоненте vuetify компоненту через ограниченный слот. Поскольку я рендерим дочерние компоненты внутри цикла, я не могу просто использовать Data для привязки реквизита.

  <v-expansion-panel expand>    
   <v-expansion-panel-content 
     v-for="item in this.items"
     :key="item.key">
     <div slot="header">
       content
     </div>          
   <slot :items="item.children"></slot>
  </v-expansion-panel-content>
 </v-expansion-panel>  

У v-extension-panel-content есть реквизит, называемый value. Мне нужно привязать эту опору к слоту. В идеале я хотел бы добиться чего-то вроде этого:

<slot :items="item.children" :panelValue="value"></slot>

Любые идеи будут с благодарностью.

Answer 1

Я решил это, но далеко не идеально.

<v-expansion-panel expand>    
  <v-expansion-panel-content
    v-for="item in this.items"
    :key="item.key"
    v-model="item.isOpen">
    <div slot="header">
      content
    </div>       
  <slot :items="item.children" :isVisible="item.isOpen"></slot>
</v-expansion-panel-content>