Element ui 数据分页

<el-pagination
    @current-change="handleCurrentChange"
    :current-page="currentPage1"
    :page-size="5"             //每页显示5条数据
    layout="total, prev, pager, next, jumper"
    :total="tataler">
</el-pagination>

data

tataler:1,       //总条数
ArrayLister:[],  //定义一个空数组接收所有的数据
currentPage1:1,  //当前页码=1

请求接口成功后进行数据分页

getapp(){
          this.axios.selectType({
            hoteldescribe_id:this.hoteldescribe_id,
          }
          ).then(res=>{
           //数据分页
            if(res.data){
              this.tataler=res.data.length;     //一共有多少条数据
              const ArrayList=[];
              const Jonathan=Math.ceil(res.data.length/2)    //每页显示两条，一共有多少页
              for(var i=0;i<Jonathan;i++){
                ArrayList.push(res.data.slice(i*2,i*2+2))    //0——2  2——4页
              }
              //this.tableData=ArrayList[0];  //将第一页的数据渲染  改写为下面的优化代码
              this.ArrayLister=ArrayList;   
              this.tableData=this.ArrayLister[this.currentpage1-1]   //优化代码,改写为动态的
            }else{
                this.tableData=[]   
            }

          }).catch(res=>{

          })
        },

handleCurrentChange(val) {
      this.currentpage = val;
      this.tableData = this.ArrayLister[val - 1];
    },