ant-design-vue/components/vc-pagination/demo/jumper.vue

37 lines
805 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 {};
},
methods: {
onShowSizeChange (current, pageSize) {
console.log(current);
console.log(pageSize);
},
onChange (current, pageSize) {
console.log('onChange:current=', current);
console.log('onChange:pageSize=', pageSize);
},
},
render () {
return (
<VcPagination
selectComponentClass={VcSelect}
showQuickJumper
showSizeChanger
defaultPageSize={20}
defaultCurrent={5}
onShowSizeChange={this.onShowSizeChange}
onChange={this.onChange}
total={450}
/>
);
},
};
</script>