<div class="gridview-plp" v-for="product in productsList" :key="product.key" id="product" :items="productsList" :per-page="perPage" :current-page="currentPage">
<div class="plp-list-img1desc">
{{ product.key }}
</div>
<b-pagination v-model="currentPage" :total-rows="rows" @page-click="handleClick(event, pageNumber)" :per-page="perPage"></b-pagination>currentPage: 1,
perPage: 4,
computed: {
rows() {
return this.productsList.length;
},
productsList() {
return this.productsList.slice(
this.currentPage * this.perPage,
(this.currentPage + 1) * this.perPage
);
},
},
handleClick(event, pageNumber) {
alert('hi');
}How can I customize the alert/console message for each page to verify if it is being passed correctly?
I need to assign a specific event for individual pages,