Vue+ElementUI+SpringMVC实现分页

Vue + ElementUI + SpringMVC实现分页 这一段时间写项目用到了Vue+ElementUI，这里记录一下使用ElementUI内置分页插件结合后端SSM框架的实现思路和实现过程。 其中遇到了很多坑，我会尽量把见到的坑都记录下来，希望对你有所帮助。 首先 让我们看一下最终效果： 起步 本博文的主要讲一下Vue+ElementUI结合后端SpringMVC实现分页的实现思路，基本的elementUI用法请自行百度； Vue的常用语法可以看我的 博文 。 关于SSM的整合教程可以看我的这篇 博文； GitHub。
介绍 本案例中设计到的技术栈： ElementUI Vue.js vue-resource.js SSM框架 PageHelper: Mybatis的分页插件 准备 1、SSM框架的整合教程可以参考我的这篇博文：手摸手带你整合SSM框架; GitHub。 2、在后端项目中导入PageHelper.jar的依赖 com.github.pagehelper pagehelper 4.0.0 ***注意 使用PageHelper分页插件除了要导入依赖，还需要在Mybatis配置文件中进行相关配置，并交给Spring进行管理。如下配置即可： 这里还要注意的是PageHelper5.X版本和PageHelper4.X版本PageHelper类所在的包名是不同的。 在Spring配置文件中扫描此配置文件即可： 3、在HTML中导入vue.js and element-ui 。 好的，至此，我们把基本的环境已经讲过了，下面看下相关前端代码：