43 lines
937 B
Vue
43 lines
937 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>
|