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, //总共多少条
     }
 }