element-ui框架,el-table、el-table-column组件配合vue的slot插槽来实现显示 当前行的索引值

<div class="resumeContainter">
  <el-table :data="results" style="width: 100%">
    <el-table-column prop="module" label="序列" min-width="5%">
      <template slot-scope="scope">
        {{scope.$index+1}} 
      </template></el-table-column>
    <el-table-column prop="user_nickname" label="用户名" min-width="10%"></el-table-column>
    <el-table-column prop="user_login" label="电话号码" min-width="20%"></el-table-column>
    <el-table-column prop="sex" label="性别" min-width="8%">
      <template slot-scope="scope">
        <template v-if="scope.row.sex=='0'">保密</template>
        <template v-else-if="scope.row.sex=='1'">男</template>
        <template v-else-if="scope.row.sex=='2'">女</template>
      </template>
    </el-table-column>

    <el-table-column prop="birthday" label="出生年份" min-width="14%"></el-table-column>
    <el-table-column prop="education" label="学历" min-width="10%"></el-table-column>
    <el-table-column prop="speciality" label="求职意向" min-width="15%">
      <template slot-scope="scope">
        <template v-if="scope.row.speciality">{{scope.row.speciality}}</template>
        <template v-else>未填写</template>
      </template>
    </el-table-column>
    <el-table-column prop="district_name" label="常住地址" min-width="13%"></el-table-column>
    <el-table-column prop="district_name" label="操作" min-width="8%">操作</el-table-column>
  </el-table>
</div>

image.png