element的分页功能

分页完整功能

标签部分
    
data数据  => 抽取到对象中的目的是方便调用
sendData:{
        query:'',
        pagenum:1,
        pagesize:3
      },
      // 总条数 (注意,这里不能为'' 字符串,会报错!)
      total:0
// 分页触发的两个事件
    SizeChange(size) {
          // 保存回到sizechange函数触发时服务器返回的size,这个size是形参,作用是接收回调函数返回的数据
          this.sendData.pagesize = size;
          // 重新获取数据
          this.search();
    },
        
    CurrentChange(current) {
      // 保存
      this.sendData.pagenum = current;
      // 重新获取数据
      this.search();
    },
  1. 分页组件的页码,页容量,总条数动态的设置
    1. 页码:pagenum
    2. 页容量:pagesize
    3. 总条数:total(服务器返回的数据中存在)
  2. 点击页码
    1. 获取页码
    2. 调用接口获取对应的数据
  3. 点击页容量
    1. 获取页容量
    2. 调用接口获取对应的数据

你可能感兴趣的:(element的分页功能)