mybatis-plus+vue+elementUI的分页功能实现过程

最新推荐文章于 2025-04-10 16:48:00 发布

YECHANG1450

最新推荐文章于 2025-04-10 16:48:00 发布

阅读量2k

点赞数

文章标签： mybatis vue elementui sql spring boot

本文链接：https://blog.youkuaiyun.com/qq_41306043/article/details/113977785

版权

本文介绍了使用mybatis-plus、vue和elementUI实现分页功能的过程。首先，在前台设置分页数据属性，然后在controller层通过mybatis-plus自动处理SQL分页。在页面中利用el-pagination组件结合handleCurrentChange方法处理分页事件，从而完成表格的分页显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

mybatis-plus+vue+elementUI的分页功能实现过程

基础的selectAll方法

created: function () {
   
    this.selectAll();
  },
  methods: {
   
	selectAll() {
   
      let url =
        LIST_URL + "/" + this.currentPage + "/" + this.pageSize;
        //传了currentPage和pageSize到后台
      this.axios({
   
        method: "POST",
        url: url,
        data: this.$data.searchForm,//查询用的,与本文无瓜
      })
        .then((data) =><