el-table实现分页

最新推荐文章于 2024-05-13 09:58:20 发布

不完美女孩-

最新推荐文章于 2024-05-13 09:58:20 发布

阅读量815

点赞数

文章标签： javascript 前端 servlet

本文链接：https://blog.csdn.net/LJJONESEED/article/details/130883276

版权

 <el-table :data="tabledata.slice((st-1)*limit,st*limit)">
      <el-table-column type="index" label="序号" width="55" align="center" :index='indexMethods'></el-table-column>
 </el-table>
 <el-pagination layout="prev, pager, next" :current-page.sync="st" :page-size="limit" :total="count">
 </el-pagination>


// data中
return{
	st: 1,
	limit: 5,
	count: "",
}

// 方法中
indexMethods(index) {
    return (this.st - 1) * this.limit + index + 1;
 },
还要给count复制  总条数