This repository was archived by the owner on Jan 23, 2023. It is now read-only.
File tree 1 file changed +20
-22
lines changed
1 file changed +20
-22
lines changed Original file line number Diff line number Diff line change 1
1
module . exports = {
2
2
3
- template : `<div class="ui pagination menu" :class="size" v-if="data.total > data.per_page">
4
- <!-- First Item -->
5
- <a class="item" @click.prevent="selectPage(--data.current_page)" v-if="data.prev_page_url">
6
- <i class="left icon" :class="icon"></i>
7
- </a>
8
- <a class="disabled item" v-if="showDisabled && !data.prev_page_url">
9
- <i class="left icon" :class="icon"></i>
10
- </a>
11
-
12
- <!-- Pagination Menu Items -->
13
- <a class="item" v-for="n in getPages()" :class="{ \'active\': n == data.current_page }" @click.prevent="selectPage(n)">
14
- {{ n }}
15
- </a>
16
-
17
- <!-- Last Item -->
18
- <a class="item" @click.prevent="selectPage(++data.current_page)" v-if="data.next_page_url">
19
- <i class="right icon" :class="icon"></i>
20
- </a>
21
- <a class="disabled item" v-if="showDisabled && !data.next_page_url">
22
- <i class="right icon" :class="icon"></i>
23
- </a>
24
- </div>` ,
3
+ template : '<div class="ui pagination menu" :class="size" v-if="data.total > data.per_page">\
4
+ <!-- First Item -->\
5
+ <a class="item" @click.prevent="selectPage(--data.current_page)" v-if="data.prev_page_url">\
6
+ <i class="left icon" :class="icon"></i>\
7
+ </a>\
8
+ <a class="disabled item" v-if="showDisabled && !data.prev_page_url">\
9
+ <i class="left icon" :class="icon"></i>\
10
+ </a>\
11
+ <!-- Pagination Menu Items -->\
12
+ <a class="item" v-for="n in getPages()" :class="{ \'active\': n == data.current_page }" @click.prevent="selectPage(n)">\
13
+ {{ n }}\
14
+ </a>\
15
+ <!-- Last Item -->\
16
+ <a class="item" @click.prevent="selectPage(++data.current_page)" v-if="data.next_page_url">\
17
+ <i class="right icon" :class="icon"></i>\
18
+ </a>\
19
+ <a class="disabled item" v-if="showDisabled && !data.next_page_url">\
20
+ <i class="right icon" :class="icon"></i>\
21
+ </a>\
22
+ </div>' ,
25
23
26
24
27
25
props : {
You can’t perform that action at this time.
0 commit comments