vue+element-ui排序

首先用到的就是插槽

<el-table-column
      align="center"
      label="序號"
      width="120">
      <template slot-scope="scope">
         <span v-text="getIndex(scope.$index)"> </span>
      </template>
</el-table-column>

方法 ↓

 getIndex($index) {
        //表格序號
        return  $index + 1
 },

要是 有分頁情況 ↓

 getIndex($index) {
  //表格序號
  return (this.pageData.page - 1) * this.pageData.pageSize + $index + 1
},

this.pageData.page與this.pageData.pageSize都是在data裏定義的 ↓

pageData: {
     page: 1, // 當前頁碼
     total: 10, // 總條數
     pageSize: 10, // 一頁顯示多少條
}