vue +element-ui序號的生成

<el-table
    :data="tableData"
    style="width: 100%"
  >
     <el-table-column prop="id" label="序號" type="index" width="100">
      <template slot-scope="scope">
        <span>{{(pageNum - 1) * pageSize + scope.$index + 1}}</span>
      </template>
    </el-table-column>
  </el-table>
 重點代碼
 在el-table-column標籤內寫一個template
 <template slot-scope="scope">
        <span>{{(pageNum - 1) * pageSize + scope.$index + 1}}</span>
        ----------------序號生成-------------
 </template>
 data(){
     return{
      pageNum: 1, //當前第幾頁
      pageSize: 10, //每頁多少條記錄
      totalPage: 10, //總共多少條
     }
 }複製代碼