element-UIのel-tableを使用する際にtype="index"を追加し、indexを設定するとその行のインデックス(1から計算)が表示されます。
ただし、各ページは 1 から数えます。ページ番号を切り替える場合、表のページめくりの通し番号の増加/継続を実現するために、前のページに続く通し番号になることを望みます。
以下は、ページを切り替えるときにシーケンス番号を増やす方法を示しています。コードは次のとおりです
。
<el-table-column label="序号" type="index" :index="indexAdd" width="50" />
js
<script>
export default {
data() {
return {
// 实现分页
pageParams: {
page: 1, // 查询第一页
pagesize: 2 // 每页2条
},
methods: {
......其它代码已省略,只演示序号递增实现的代码
// type序号-页面切换递增
indexAdd(index) {
// console.log(index)
const page = this.pageParams.page // 当前页码
const pagesize = this.pageParams.pagesize // 每页条数
return index + 1 + (page - 1) * pagesize
}
}
}
</script>
後遺症