Vue-Paginate-Al

by: Muhammad Al Ziqri

Check Your Console Log

Default

<vue-paginate-al :totalPage="10" @btnClick="goToFunction"></vue-paginate-al>

Prev
1
2
3
...
10
Next

With background color and without button next/prev

<vue-paginate-al :totalPage="15" activeBGColor="success" :withNextPrev="false"></vue-paginate-al>

1
2
3
...
15

With current page

<vue-paginate-al :totalPage="10" :currentPage="5" @btnClick="goToFunction"></vue-paginate-al>

Prev
1
...
4
5
6
...
10
Next

With single data

<vue-paginate-al :totalPage="20" :myData="'myname'" @btnClick="goToFuncWithData"></vue-paginate-al>

Prev
1
2
3
...
20
Next

With multiple data

<vue-paginate-al :totalPage="20" :myData="['myname', 'myemail']" @btnClick="goToFuncWithMultipleData"></vue-paginate-al>

Prev
1
2
3
...
20
Next