parent
93efaba8f8
commit
4935594e4e
3 changed files with 9 additions and 6 deletions
|
@ -41,7 +41,7 @@
|
||||||
<li :title="current + 1" v-if="current + 1 < allPages" :class="[`${prefixCls}-item`]" @click="changePage(current + 1)"><a>{{ current + 1 }}</a></li>
|
<li :title="current + 1" v-if="current + 1 < allPages" :class="[`${prefixCls}-item`]" @click="changePage(current + 1)"><a>{{ current + 1 }}</a></li>
|
||||||
<li :title="current + 2" v-if="current + 2 < allPages" :class="[`${prefixCls}-item`]" @click="changePage(current + 2)"><a>{{ current + 2 }}</a></li>
|
<li :title="current + 2" v-if="current + 2 < allPages" :class="[`${prefixCls}-item`]" @click="changePage(current + 2)"><a>{{ current + 2 }}</a></li>
|
||||||
<li title="向后 5 页" v-if="current + 3 < allPages" :class="[`${prefixCls}-item-jump-next`]" @click="fastNext"><a><i class="ivu-icon ivu-icon-ios-arrow-right"></i></a></li>
|
<li title="向后 5 页" v-if="current + 3 < allPages" :class="[`${prefixCls}-item-jump-next`]" @click="fastNext"><a><i class="ivu-icon ivu-icon-ios-arrow-right"></i></a></li>
|
||||||
<li :title="'最后一页:' + allPages" :class="[`${prefixCls}-item`, {[`${prefixCls}-item-active`]: current == allPages}]" @click="changePage(allPages)"><a>{{ allPages }}</a></li>
|
<li :title="'最后一页:' + allPages" v-if="allPages > 1" :class="[`${prefixCls}-item`, {[`${prefixCls}-item-active`]: current == allPages}]" @click="changePage(allPages)"><a>{{ allPages }}</a></li>
|
||||||
<li
|
<li
|
||||||
title="下一页"
|
title="下一页"
|
||||||
:class="nextClasses"
|
:class="nextClasses"
|
||||||
|
@ -117,7 +117,8 @@
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
allPages () {
|
allPages () {
|
||||||
return Math.ceil(this.total / this.pageSize);
|
const allPage = Math.ceil(this.total / this.pageSize);
|
||||||
|
return (allPage === 0) ? 1 : allPage;
|
||||||
},
|
},
|
||||||
simpleWrapClasses () {
|
simpleWrapClasses () {
|
||||||
return [
|
return [
|
||||||
|
|
|
@ -7,13 +7,15 @@
|
||||||
<Button @click="warning">warning</Button>
|
<Button @click="warning">warning</Button>
|
||||||
<Button @click="error">error</Button>
|
<Button @click="error">error</Button>
|
||||||
<Button @click="confirm">confirm</Button>
|
<Button @click="confirm">confirm</Button>
|
||||||
|
<Page :total="11" :page-size="11"></Page>
|
||||||
|
<Page :total="11" size="small"></Page>
|
||||||
|
<Page :current="1" :total="0" simple></Page>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import { Modal, Button, Message } from 'iview';
|
import { Modal, Button, Message, Page } from 'iview';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: { Modal, Button },
|
components: { Modal, Button, Page },
|
||||||
props: {
|
props: {
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "iview",
|
"name": "iview",
|
||||||
"version": "0.9.2",
|
"version": "0.9.3",
|
||||||
"title": "iView",
|
"title": "iView",
|
||||||
"description": "A high quality UI components Library with Vue.js",
|
"description": "A high quality UI components Library with Vue.js",
|
||||||
"homepage": "http://www.iviewui.com",
|
"homepage": "http://www.iviewui.com",
|
||||||
|
|
Loading…
Add table
Reference in a new issue