vue 分页

针对分页内容的一些小总结

<template>  //模板
  <pagination //分页
    :total="num" //数据总条数
    :page.sync="form.curPage" //提交表单分页第几页
    :limit.sync="form.limit" //提交表单每页多少条
    @pagination="tableData" //调用方法
  />
</template>


export default {
  components: { Pagination },
  data() {
    return {
      select: null,
      num: 50,
      limit: 20,
     
    
      form: {
        curPage: 1, // 当前页
        limit: 20, // ，每页
        id: null, // 提现订单id
      },
      chunaUser: []
    }
  }

tableData() { 被调用的方法
      chunaLIst(this.form).then(res => {
        this.data = res.data
      })
    },