test/ant-design-vue
1
0
Fork 0
mirror of https://gitee.com/ant-design-vue/ant-design-vue.git synced 2024-11-30 02:57:50 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

pagination showTotal

Browse Source
This commit is contained in:
wangxueliang 2017-11-07 14:16:17 +08:00
parent 192a3fb1d6
commit b838be1d3e
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/pagination/demo/pagination.vue
View File

@ -8,7 +8,7 @@
<vc-button @click="changeValue">改值</vc-button> <vc-button @click="changeValue">改值</vc-button>
</div> </div>
<div> <div>
<pagination v-model="current" :total="total"></pagination> <pagination v-model="current" :total="total" :showTotal="showTotal"></pagination>
<vc-button @click="changeValue">改值</vc-button> <vc-button @click="changeValue">改值</vc-button>
<vc-button @click="getValue">当前值</vc-button> <vc-button @click="getValue">当前值</vc-button>
</div> </div>
@ -22,7 +22,7 @@ export default {
return { return {
simple: true, simple: true,
current: 1, current: 1,
total: 500, total: 483,
} }
}, },
methods: { methods: {
@ -32,6 +32,9 @@ export default {
getValue () { getValue () {
alert(this.current) alert(this.current)
}, },
showTotal (total) {
return `共 ${total} 条`
},
}, },
components: { components: {
Pagination, Pagination,

1
components/pagination/pagination.vue
View File

@ -52,6 +52,7 @@ export default {
type: Boolean, type: Boolean,
default: true, default: true,
}, },
showTotal: Function,
}, },
model: { model: {
prop: 'current', prop: 'current',