后台管理系统 分页

//第一步就是写分页

<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="juben" />

//第二步就是在data里面写入pageNum为页数 pageSize为当前页数据的个数

data() { return { queryParams: { pageNum: 1, pageSize: 10, }, total: 0, },

//第三步就是给后端传入参数

juben()

{ jubenleist(this.queryParams).then((res) => { this.list = res.rows; this.total = res.total; console.log(this.list); console.log(this.total); }); }, //这个只是示例 给后端传参数是params:data export function jubenleist(data) { return request({ url: '/back/script/select', method: 'get', params: data }) }