37 lines
805 B
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>
|