首页 > 技术文章 > vue 分页

lei0913 2019-10-12 13:39 原文

针对分页内容的一些小总结
<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
      })
    },

 

推荐阅读