Commit 0da09e9a8cab35408b507ef0d3f913b0fb213c04
Committed by
GitHub
Merge pull request #1562 from rijn/1543
Fix #1543
Showing
2 changed files
with
20 additions
and
2 deletions
Show diff stats
examples/routers/page.vue
| 1 | 1 | <template> |
| 2 | - <Page :total="100" show-sizer show-elevator show-total></Page> | |
| 2 | + <div> | |
| 3 | + <Page :total="total" show-sizer show-elevator show-total></Page> | |
| 4 | + <Button type="primary" @click="subject">- 1</Button> | |
| 5 | + </div> | |
| 3 | 6 | </template> |
| 4 | 7 | <script> |
| 5 | 8 | export default { |
| 6 | - | |
| 9 | + data () { | |
| 10 | + return { | |
| 11 | + total: 21 | |
| 12 | + } | |
| 13 | + }, | |
| 14 | + methods: { | |
| 15 | + subject() { | |
| 16 | + this.total -= 1; | |
| 17 | + } | |
| 18 | + } | |
| 7 | 19 | } |
| 8 | 20 | </script> | ... | ... |
src/components/page/page.vue
| ... | ... | @@ -135,6 +135,12 @@ |
| 135 | 135 | }; |
| 136 | 136 | }, |
| 137 | 137 | watch: { |
| 138 | + total (val) { | |
| 139 | + let maxPage = Math.ceil(val / this.currentPageSize); | |
| 140 | + if (maxPage < this.currentPage && maxPage > 0) { | |
| 141 | + this.currentPage = maxPage; | |
| 142 | + } | |
| 143 | + }, | |
| 138 | 144 | current (val) { |
| 139 | 145 | this.currentPage = val; |
| 140 | 146 | }, | ... | ... |