ant-design-vue/components/vc-pagination/demo/sizer.vue
2018-03-05 19:06:44 +08:00

43 lines
931 B
Vue

<script>
import VcPagination from '../index'
import VcSelect from '../../vc-select'
import '../assets/index.less'
import '../../vc-select/assets/index.less'
export default {
data () {
return {
pageSize: 20,
}
},
methods: {
onShowSizeChange (current, pageSize) {
console.log(current)
this.pageSize = pageSize
},
},
render () {
return (
<div style={{ margin: 10 }}>
<VcPagination
selectComponentClass={VcSelect}
showSizeChanger
pageSize={this.pageSize}
onShowSizeChange={this.onShowSizeChange}
defaultCurrent={3}
total={500}
/>
<VcPagination
selectComponentClass={VcSelect}
showSizeChanger
pageSize={this.pageSize}
onShowSizeChange={this.onShowSizeChange}
defaultCurrent={3}
total={500}
/>
</div>
)
},
}
</script>