You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1.0 KiB
42 lines
1.0 KiB
<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 (
|
|
<div>
|
|
<p> customize node </p>
|
|
<VcPagination
|
|
selectComponentClass={VcSelect}
|
|
showSizeChanger
|
|
showQuickJumper={{ goButton: <button>确定</button> }}
|
|
defaultPageSize={20}
|
|
defaultCurrent={5}
|
|
onShowSizeChange={this.onShowSizeChange}
|
|
onChange={this.onChange}
|
|
total={450}
|
|
/>
|
|
<p> default node </p>
|
|
<VcPagination simple showQuickJumper={{ goButton: true }} defaultCurrent={1} total={50} />
|
|
</div>
|
|
);
|
|
},
|
|
};
|
|
</script>
|