java与vue实现分页

public List qryStaffs(Staffs staffs) {
        staffs.setLen((staffs.getPageNum()-1)*staffs.getPageSize());
        return staffMapper.qryStaffs(staffs);
    }

select * from table1 limit 偏移量,每页大小

        select * from  demo_test_staff where isdelete != '1'
        
            and name like "%"#{staffName,jdbcType=VARCHAR}"%"
        
        
            and gender = #{staffGender}
        
        
            and join_day > #{beginTime}
        
        
            and #{endTime} > join_day
        
        limit #{len},#{pageSize}
    

使用的是element-ui组件中的分页
模块如下：

方法如下：

// 分页组件
    handleCurrentChange (pageNum) {
      this.qryCondition.pageNum = pageNum
      this.handleQuery()
    },
    handleSizeChange (pageSize) {
      this.qryCondition.pageSize = pageSize
      this.handleQuery()
    },
    handleQuery () {
      this.loading = true
      this.qryStaffs()
    }

不理解的欢迎提问交流，本人菜鸟可以改进博客