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