@fessss

Кастомный компонент таблица?

Сделал обертку для компонента vuetify v-data-table
<v-data-table
        v-bind:value="value"
        v-on:input="$emit('input', $event)"
        disable-sort
        :item-key="itemKey"
        class="elevation-0"
        :items-per-page="state.take"
        :page="state.skip"
        :show-select="selectEnable"
        :headers="headers"
        :hide-default-footer="simple"
        :hide-default-header="simple"
        :server-items-length="serverTotal"
        :items="items"
        :calculate-widths="true"
        :footer-props="{
            'items-per-page-options': [10, 20, 50, -1]
          }"
        @update:items-per-page="$emit('itemsPerPageEvent', $event)"
        @update:page="$emit('setPage', $event)"
>
    <template v-slot:item="{ item }">
        <slot :row="item"></slot>
    </template>
</v-data-table>


<table-component
        v-model="selected"
        :headers="headers"
        :items="documentSessionItems"
        :state="state"
        :show-toolbar="showToolbar"
        :server-total="tableFilter.total"
        :filters="filters"
        item-key="id"
        select-enable
        @itemsPerPageEvent="setItemsPerPage($event)"
        @setPage="setPage($event)"
        @updateTableByFilters="updateTable($event)"
>
    <template slot-scope="{ row }">
        <tr>
            <td>
                <v-checkbox
                        v-model="selected" :value="row"/>
            </td>
            <td>{{ row.createdDate }}</td>
            <td>{{ row.name }}</td>
        </tr>
    </template>
</table-component>


Проблема в том, что чекбокс, который добавлен не работает. То есть при загрузке таблицы, он почему-то сразу стоит как проставленный и при клике на него начинают сыпаться ошибки. Есть предположение, что я как-то не верно слоты прокидываю или с чекбоксами что-то не так делаю.
  • Вопрос задан
  • 85 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы