element table序号分页不变
<el-table-column type="index" width="60" label="序号" header-align="center" align="center">
<template slot-scope="scope">
<div>{{scope.$index+(tableParams.pageNum-1)*tableParams.pageSize+1}}</div>
</template>
</el-table-column>
data () {
return {
tableParams: {
pageNum: 1,
pageSize: 10,
totalPage: 0
}
}
}


这篇博客探讨了如何在Vue应用中利用elementtable组件来显示带有动态序号的分页表格。通过设置`<el-table-column>`的type为index,并结合tableParams对象管理当前页数和每页大小,实现了当页面切换时序号的正确更新。这种方法确保了在数据分页展示时,序号始终保持正确。
513

被折叠的 条评论
为什么被折叠?



