У меня проблема с установкой флажков для правильной работы.Флажки, которые отображаются для каждой строки в «выбранном» слоте, не привязываются к правильной строке.Когда вы нажимаете флажок, он устанавливает флажок верхних строк в положение true / false.
Вопросы: 1) Как связать состояние true / false флажка для строки с ее элементом строки?Я пытаюсь привязать его к data.item.selected, а затем перебрать данные, чтобы найти «выбранные» объекты и выполнить необходимые действия.Я даже пытался добавить объект строки в новый массив данных, но он только добавляет верхнюю строку?
2) Как лучше всего повернуть все флажки строки true / false на основе слота HEAD_selectedфлажок?
код:
<b-table
striped
hover
outlined
:items="schools"
:fields="fields"
:per-page="perPage"
:current-page="currentPage"
:total-rows="totalRows"
:sort-by.sync="sortBy"
:sort-desc.sync="sortDesc">
<template slot="HEAD_selected" slot-scope="data">
<b-form-checkbox @click.native.stop v-model="allSelected">
</b-form-checkbox>
</template>
//Not working. data.item.selected is always the top row in all of the results, not it's current position
<template slot="selected" slot-scope="data">
<b-form-checkbox id="checkbox" @click.stop v-model="data.item.selected">
</b-form-checkbox>
</template>
</b-table>