Bootstrap Vue Pagination does not show data on page 2
I changed per-page="0" to <b-table> instead of per-page="tableData.per_page" and it worked.
Move:
current-page="tableData.current_page"from b-table to b-pagination and add @input="youTableData" to b-pagination.
There is a bug in Bootstrap Vue's Pagination Component. Two way data binding i.e., v-model does not work, so even though it shows the page is changed in the User interface, it inherently does not change the bounded variable. I found a work around fix.
Remove the
v-model="currentPage"on the pagination component and replace it with this
@change="currentPage = $event"Doing this will add an event listener that updates the variable from the event. Directly from the DOM value property to the currentPage variable