![](https://i-blog.csdnimg.cn/blog_migrate/cfdbfb0c107f83386cbc023f32a8637f.png)
<el-table-column prop="disposalStatus" label="" >
<template slot-scope="scope">
<div class="select_bg">
<div :style="{ background: disposalStatus[+scope.row.disposalStatus].color }" class="select_color">
</div>
<el-select size="mini" v-model="scope.row.disposalStatus" @change="handleDisposalStatus(scope.row)"
class="status">
<el-option v-for="item in disposalStatus" :key="item.value" :label="item.label" :value="item.value">
<div class="statusPoint">
<div :style="{ background: item.color }" alt="" />
{{ item.label }}
</div>
</el-option>
</el-select>
</div>
</template>
</el-table-column>
disposalStatus: [
{ value: 0, label: "状态1", color: "#ff5962" },
{ value: 1, label: "状态2", color: '#4386f4' },
{ value: 2, label: "状态3", color: "#9fa1a0" },
{ value: 3, label: "状态4", color: "#464acd" },
{ value: 4, label: "状态5", color: "#f18045" },
{ value: 5, label: "状态6", color: "#00d591" },
],
.select_bg {
position: relative;
.select_color {
position: absolute;
top: 9px;
left: 0px;
border-radius: 50%;
width: 12px;
height: 12px;
background: transparent;
z-index: 999;
}
}