table.vue

<template>
    <div class="party-table">
         <el-table border :data="list" style="width: 100%;height:100%" height="100%">
              <el-table-column
                 label="序号"
                 align="center"
                 width="100">
                   <template slot-scope="scope" >
                       <span>{{ (currentPage-1) * 10 + scope.$index + 1}}</span>
                   </template>    
             </el-table-column>  
             <el-table-column           
                align="center"
                v-for="(item,index) in feildList" 
                :key="index"
                :prop="item.prop"
                :label="item.label">
            </el-table-column>
    </el-table>
    </div>
</template>
<script>
export default {
    data(){
        return {

        }
    },
    props:{
         currentPage:{
            type:Number,
            default:1
        },
        list:{
            type:Array,
            default:()=>{return []}
        },
        feildList:{
            type:Array,
            default:()=>{return []}
        }
    }
}
</script>
<style lang="less">
  @import '../style/table.less';
</style>