Hide disable items in pagination
This commit is contained in:
parent
0f06c39854
commit
eca00b9a0a
|
@ -1,6 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="ui pagination borderless menu">
|
<div class="ui pagination borderless menu">
|
||||||
<a
|
<a
|
||||||
|
v-if="current - 1 >= 1"
|
||||||
@click="selectPage(current - 1)"
|
@click="selectPage(current - 1)"
|
||||||
:class="[{'disabled': current - 1 < 1}, 'item']"><i class="angle left icon"></i></a>
|
:class="[{'disabled': current - 1 < 1}, 'item']"><i class="angle left icon"></i></a>
|
||||||
<template>
|
<template>
|
||||||
|
@ -16,6 +17,7 @@
|
||||||
</a>
|
</a>
|
||||||
</template>
|
</template>
|
||||||
<a
|
<a
|
||||||
|
v-if="current + 1 <= maxPage"
|
||||||
@click="selectPage(current + 1)"
|
@click="selectPage(current + 1)"
|
||||||
:class="[{'disabled': current + 1 > maxPage}, 'item']"><i class="angle right icon"></i></a>
|
:class="[{'disabled': current + 1 > maxPage}, 'item']"><i class="angle right icon"></i></a>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue