elementui分页调取接口

<el-pagination
            @size-change="handleSizeChange"    //每页多少条函数
            @current-change="handleCurrentChange"  //当前页面函数
            :current-page="pageNum"  //当前页数
            :page-sizes="[1, 2]"   //每页显示几条
            :page-size="pageSize"  //每页显示条数
            layout="total, sizes, prev, pager, next, jumper"
            :total="total"  //总条数
          >
 </el-pagination>


data() {
    return {
      pageSize:1,//每页显示条数
      pageNum:0,//当前页数
      total:0,//总条数
    };
  },

  
methods: {
 //每页多少条函数
    handleSizeChange(val) {
      // console.log(`每页 ${val} 条`);
      this.pageSize=val;
      this.findServiceDetails();
    },
     //当前页面函数
    handleCurrentChange(val) {
      // console.log(`当前页: ${val}`);
      this.pageNum=val
      this.findServiceDetails()
    },
    findServiceDetails(){
      let token = localStorage.getItem("token");
      let data={
          pageNum:this.pageNum, //页数
          pageSize:this.pageSize, //每页显示条数
          priceCode:this.form.chargecode, //编码
          name:this.form.entryname //名称
        }
      this.$http({
        method: "get",
        url:"接口",
        params:data,
        headers: {
          Authorization: "Bearer " + token,
          "content-type": "application/x-www-form-urlencoded",
        },
      }).then((res) => {
        console.log(res);
        this.tableData=res.data.rows
        this.total=res.data.total
      });
    }
  },