Rename pages-change event to page-change in Pagination component and update related references.
This commit is contained in:
parent
b5f2df8be7
commit
11d32a665e
1 changed files with 5 additions and 5 deletions
|
|
@ -10,7 +10,7 @@
|
||||||
<PhCaretLeft :size="18" /> Previous
|
<PhCaretLeft :size="18" /> Previous
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<!-- First helppages -->
|
<!-- First pages -->
|
||||||
<button
|
<button
|
||||||
v-if="showFirstPage"
|
v-if="showFirstPage"
|
||||||
class="pagination-btn page-number"
|
class="pagination-btn page-number"
|
||||||
|
|
@ -23,7 +23,7 @@
|
||||||
<!-- First ellipsis -->
|
<!-- First ellipsis -->
|
||||||
<span v-if="showFirstEllipsis" class="ellipsis">...</span>
|
<span v-if="showFirstEllipsis" class="ellipsis">...</span>
|
||||||
|
|
||||||
<!-- Page numbers around current helppages -->
|
<!-- Page numbers around current pages -->
|
||||||
<button
|
<button
|
||||||
v-for="pageNum in visiblePages"
|
v-for="pageNum in visiblePages"
|
||||||
:key="pageNum"
|
:key="pageNum"
|
||||||
|
|
@ -37,7 +37,7 @@
|
||||||
<!-- Last ellipsis -->
|
<!-- Last ellipsis -->
|
||||||
<span v-if="showLastEllipsis" class="ellipsis">...</span>
|
<span v-if="showLastEllipsis" class="ellipsis">...</span>
|
||||||
|
|
||||||
<!-- Last helppages -->
|
<!-- Last pages -->
|
||||||
<button
|
<button
|
||||||
v-if="showLastPage"
|
v-if="showLastPage"
|
||||||
class="pagination-btn page-number"
|
class="pagination-btn page-number"
|
||||||
|
|
@ -90,7 +90,7 @@ export default {
|
||||||
default: 5
|
default: 5
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
emits: ['pages-change'],
|
emits: ['page-change'],
|
||||||
computed: {
|
computed: {
|
||||||
visiblePages() {
|
visiblePages() {
|
||||||
const delta = Math.floor(this.maxVisiblePages / 2);
|
const delta = Math.floor(this.maxVisiblePages / 2);
|
||||||
|
|
@ -130,7 +130,7 @@ export default {
|
||||||
methods: {
|
methods: {
|
||||||
goToPage(pageNumber) {
|
goToPage(pageNumber) {
|
||||||
if (pageNumber >= 1 && pageNumber <= this.pageCount && pageNumber !== this.page) {
|
if (pageNumber >= 1 && pageNumber <= this.pageCount && pageNumber !== this.page) {
|
||||||
this.$emit('pages-change', pageNumber);
|
this.$emit('page-change', pageNumber);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue