Element UI 表格 el-table-column根据不同值显示不同颜色

本文转载自查看原文 2021-05-26 11:13 2720

1 <el-table-column prop="statusDesc" label="状态" width="90">
2     <template slot-scope="scope">
3         <div :style="{'color':scope.row.status==1? 'red':'#333'}">                    
4             {{scope.row.statusDesc}}
5         </div>
6     </template>
7 </el-table-column>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 Element UI 表格 el-table-column根据不同值显示不同颜色 Element-ui中Table表中el-table-column列数据的布尔值回填 element-UI el-table表格根据搜索条件表格值改变颜色 element-UI实现el-table-column百分比自定义分配 vue+element-ui中的el-table-column使用v-if导致位置错乱的现象 Vue+Element-ui，el-table-column使用v-if出现的问题 element+vue：el-table-column里面的内容只显示一行 el-table-column动态判断显示性别男女 vue+element-ui中的el-table-column配合v-if导致列样式与位置错乱的现象 el-table-column中添加echarts