<el-table-column prop="sex" label="性别">
<template #default="scope">
<span v-if="scope.row.sex == 1">男</span>
<span v-else-if="scope.row.sex == 2">女</span>
<span v-else>保密</span>
</template>
</el-table-column>
<template slot-scope="scope">
<span v-for="item in options2" v-if="item.id === scope.row.classId">{{item.className}}</span>
</template>
<template #default="scope">
<span v-for="item in restList" :key="item.value"><span v-if="item.id == scope.row.resId">{{item.resName}}</span></span>
</template>
下拉选择框
<el-select v-model="form.admin" class="handle-input mr10" placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.roleName" :value="item.id">
</el-option>
</el-select>
<el-table-column type="index" label="序号" align="center" width="50">
<template #default="scope">
<span>{{scope.$index + (query.current-1)*query.size + 1}}</span>
</template>
</el-table-column>
根据数据来更新页面数据
<template slot-scope="scope">
<span v-for="item in options2" v-if="item.id === scope.row.classId">{{item.className}}</span>
</template>