слот расширения в таблице данных не работает внутри компонента оболочки - PullRequest
Новая
       60

слот расширения в таблице данных не работает внутри компонента оболочки

1 голос
/ 05 мая 2020

слот расширения в таблице данных не работает внутри компонента оболочки

У меня есть компонент оболочки вокруг таблицы v-данных, например: 

<template>
  <div>
    <wrapper-data-table
            :headers="tableHeaders"
            :items="partLines"
            :expand="expand"
        >
            <template v-slot:items="line">
                <tr @click="line.expanded = !line.expanded">
                    <td>{{ line.item.binLocation }}</td>
                    <td>{{ line.item.reqQuantity }}</td>

                </tr>
            </template>
            <template v-slot:expand="line">
                  <v-card flat>
                     <v-card-text>Peek-a-boo!</v-card-text>
                  </v-card>
           </template>          
        </wrapper-data-table>
   </div>
</template>

Компонент таблицы данных оболочки 

<template>
  <div>
    <div>
      <v-data-table
        v-model="selected"
        v-bind.sync="tableProps"
        :expand="expand"
        item-key="name"
      >
        <!-- Pass on all slots -->
        <slot v-for="slot in Object.keys($slots)" :name="slot" :slot="slot" />

        <!-- Pass on all scoped slots -->
        <template v-for="slot in Object.keys($scopedSlots)" :slot="slot" slot-scope="scope">
          <slot :name="slot" v-bind="scope" />
        </template>
      </v-data-table>
    </div>
  </div>
</template>

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

Это работает, если я использую таблицу данных напрямую без оболочки. однако, когда он завернут, расширения нет. Я вижу, что «расширенная» опора меняется.

...