首页 > 其他 > 详细

vue 分页

时间:2019-10-12 14:26:29      阅读:80      评论:0      收藏:0      [点我收藏+]
针对分页内容的一些小总结
<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
      })
    },

 

vue 分页

原文:https://www.cnblogs.com/lei0913/p/11661053.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!