<el-table :data="affairtypes" highlight-current-row v-loading="listLoading" @selection-change="selsChange" @sort-change="sortChange" style="width: 100%;">
<el-table-column prop="isvisible" label="显示" :formatter="formatVisible" width="100" sortable></el-table-column>
<template slot-scope="scope" >
<div :style="{'color':scope.row.isvisible=='1'?'red':'#333'}">{{scope.row.isvisible}}{{scope.row.isvisible=='1'?'red':'#333'}} </div>
</template>
</el-table-column>
</el-table>
本来不考虑颜色直接就是去掉红色的部分,现在表格的内容不通过prop显示而是下面的template的内容显示。这样你就可以在div里加样式了