问题描述:
(标题起的真烂,he tui~)
【vue el-table】今天在写分页方法的时候碰到这样一个问题,如下:
问题就是翻页的时候数据刷新了,顺带着重置下序号;
一共有12条数据,每页显示五条,第一页数据编号是1-5;
但是翻到第二页的时候,并没有接上一页继续从6开始,到10。
解决方案
一般情况下,序号不随数据的刷新重新从1开始编号;
解决如下:
<!--前后相关的代码我就不写了-->
<el-table-column type="index" :index="indexMethod" label="序号" width="55" align="center">
</el-table-column>
<!--前后相关的代码我就不写了-->
<script>
data(){
// 分页
pagination: {
currentPage: 1, //当前页
total: 0, //数据总量
pageSize: 10 //每页显示多少条数据
}
},
methods:{
//翻页时不刷新序号
indexMethod(index){
return index+(this.pagination.currentPage-1)*this.pagination.pageSize+1
},
}
</script>
结果
解决啦==
就酱,词不达意,还请见谅,如有错误欢迎指出。