vue实现表格分页功能

本文实例为大家分享了vue实现表格分页功能的具体代码，供大家参考，具体内容如下

直接上代码：

这里是这里是template部分，主要由一个需要分页的表格和一个分页器组成。重点在于表格的data属性用到了一个slice截取方法。

这里是javascript部分：

 export default{ data(){ return{ currentPage:1//当前页码 pageSize：10//每页显示条数 list:[]//要显示的表格数据 } } methods{ handleCurrentChange(val) { this.currentPage = val; }, } }

实现如图效果

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持0133技术站。