vue 自己封装js的表格分页插件

Question

怎么在vue的框架里面封装一个js的表格分页插件只有上一页下一页的这种，没有页码。没有写过js的插件，求大神指导下，然后要怎么调用呢。

Answer 1

如果后端做了分页：简单来说就是根据点击时获取的参数，去改变表格的数据，比如：点击下一页的时候，当前页数加1，然后去请求后端数据，返回值去覆盖当前table数据。
如果后端没做分页，而是一下子返回很多或者是全部数据的话，那么简单一点可以用一个中间数组来实现：例如每一页大小是10，那么获取下来的totalList的0-9给一个tempList，这个tempList是用于显示表格的数据，然后点击时，去确定时第几页，从totalList拿数据到tempList。
以上是我的粗略的想法，如有不妥，欢迎指正。

Answer 2

看一下element-ui的分页组件吧

Answer 3

后端分页思路：之前用ng1写过，直观感觉是表格作为父组件，分页作为子组件，页码状态等由父组件传递给子组件的props。子组件执行翻页操作，就是修改页码，向后台请求数据，通过事件传给父组件更新表格数据。
前端分页更简单了，事先定义好单页上限，在computed里自行填充每页的内容，然后就跟tab页实现思路类似了。

Answer 4

参考我写的vue 分页插件
http://doc.huangsw.com/vue-ea...