在做項目中其實element ui表格時非常常用的劳翰，
今天我來介紹一下給表格添加序號，我說的不是餓了么自帶的加一個index的這種
看截圖糠聪，比如我點擊到第二頁希望我的序號是從11開始的
image.png
我用的是vue腳手架门躯，
第一步：最開始的時候在data定義page
第二步： 在序號列上加上:index="typeIndex" 僚祷，typeIndex是一個方法
第三步： 在分頁器上加上 :current-page="page" @current-change="table"
第四步：typeindex方法內(nèi)容
第五步：在table方法里讓this.page = val;其實val就是分頁器上回調(diào)返回的頁數(shù)钻蹬，不知道的可以輸出val看一下
注意在分頁上第一次加載數(shù)據(jù)的時候我們一般加上table(1);
// 第一步
export default{
data(){
return {
page : 1;
}
}
}
//第二步 這里v-bind:index = "typeIndex"
<el-table-column
type="index"
:index="typeIndex"
label="序號"
width="150"
align="center">
</el-table-column>
//第三步
<div class="block" v-show="dataTotal>10">
<el-pagination
layout="total, prev, pager, next , jumper"
:current-page="page"
@current-change="table"
:total="dataTotal">
</el-pagination>
</div>
//第四步
typeIndex(index) {
return index + (this.page - 1) * 10 + 1;
},
//第五步
table(val){
this.page = val;
// ....
}
