|
1 | 1 | <template>
|
2 | 2 | <ul :class="bem()" v-show="totalResults > 0">
|
3 |
| - <li :class="[bem('item', 'first'), page === 1 ? bem('item', 'disabled') : '']"> |
| 3 | + <li :class="[bem('item', 'first'), page === 1 ? bem('item', 'disabled', false) : '']"> |
4 | 4 | <a href="#" @click.prevent="goToFirstPage" :class="bem('link')">
|
5 | 5 | <slot name="first"><<</slot>
|
6 | 6 | </a>
|
7 | 7 | </li>
|
8 |
| - <li :class="[bem('item', 'previous'), page === 1 ? bem('item', 'disabled') : '']"> |
| 8 | + <li :class="[bem('item', 'previous'), page === 1 ? bem('item', 'disabled', false) : '']"> |
9 | 9 | <a href="#" @click.prevent="goToPreviousPage" :class="bem('link')">
|
10 | 10 | <slot name="previous"><</slot>
|
11 | 11 | </a>
|
12 | 12 | </li>
|
13 |
| - <li v-for="item in pages" :key="item" :class="[bem('item'), page === item ? bem('item', 'active') : '']" > |
| 13 | + <li v-for="item in pages" :key="item" :class="[bem('item'), page === item ? bem('item', 'active', false) : '']" > |
14 | 14 | <a href="#" @click.prevent="goToPage(item)" :class="bem('link')">
|
15 | 15 | <slot :value="item" :active="item === page">
|
16 | 16 | {{ item }}
|
17 | 17 | </slot>
|
18 | 18 | </a>
|
19 | 19 | </li>
|
20 |
| - <li :class="[bem('item', 'next'), page >= totalPages ? bem('item', 'disabled') : '']"> |
| 20 | + <li :class="[bem('item', 'next'), page >= totalPages ? bem('item', 'disabled', false) : '']"> |
21 | 21 | <a href="#" @click.prevent="goToNextPage" :class="bem('link')">
|
22 | 22 | <slot name="next">></slot>
|
23 | 23 | </a>
|
24 | 24 | </li>
|
25 |
| - <li :class="[bem('item', 'last'), page >= totalPages ? bem('item', 'disabled') : '']"> |
| 25 | + <li :class="[bem('item', 'last'), page >= totalPages ? bem('item', 'disabled', false) : '']"> |
26 | 26 | <a href="#" @click.prevent="goToLastPage" :class="bem('link')">
|
27 | 27 | <slot name="last">>></slot>
|
28 | 28 | </a>
|
|
0 commit comments