如果 element-ui table 需要显示索引,增加一列 el-table-column,设置 type 属性为 index 即可;默认显示从 1 开始的索引号。翻页序号不会递增还是从 1 开始
<el-table-column type="index"/>
element-ui table 翻页序号递增设置 type="index",通过 index 属性来自定义索引
<!-- 模拟代码 -->
<el-table-column type="index" :index="indexMethod" />
<script>
export default {
data() {
return {
page: {
pageIndex: 1,
pageSize: 10,
}
}
},
methods: {
indexMethod(index) {
const pageIndex = this.page.pageIndex // 当前页
const pageSize = this.page.pageSize // 每页条数
return index + 1 + (pageIndex - 1) * pageSize
}
}
};
</script>