element-ui 表格的行数的某个值按照接口传的不同值显示不同的颜色

 <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里加样式了