vue 页面分页







  <pagination
    :total="sum"
    :page.sync="form.curPage"
    :limit.sync="form.limit"
    :page-sizes="[10, 20, 30, 50]"
    :auto-scroll="true" 
    @pagination="withdrawList"
  />
 
  
export default {
name: 'ExportExcel',
components: { Pagination },
data() {
return {
list: [],
sum: 0,
form: {
curPage: 1, // 页数
limit: 20, // 每页多少条

},
select: null
}
},

methods: {
withdrawList(count = 0) {
//const form = this.form

withdrawList(this.form).then(res => {
this.list = res.data.list
this.sum = res.data.sum
})
},
}

 

你可能感兴趣的:(vue 页面分页)