vue 给特定满足条件的表单数据添加背景颜色，组件的 row-class-name
创始人
2025-01-07 22:32:32
0次
1、:row-class-name="tableRowClassName" 可为表格每行根据后面的函数绑定class名
     
                                                                                        
methods: {     tableClassNameRow(row, rowIndex) {       console.log(row)       if (row){         if (row.isFinished != null || row.isReceived != null ){           return 'is-finished-filled';         }else {           return '';         }       }     },     ...其他方法 } 
 .is-finished-filled {     background-color: #07e56c !important; /* 高亮颜色，可以根据需求自定义 */     font-weight: bold; /* 另外一种可能的高亮方式 */   }

2、效果图

上一篇：Hadoop-33 HBase 初识简介 项目简介 整体架构 HMaster HRegionServer Region

下一篇：vue使用audio 音频实现播放与关闭（可用于收到消息给提示音效）

相关内容

热门资讯

aapoker辅助工具使用教程... aapoker辅助工具使用教程(AAPoKER)aapoker 辅助工具(辅助挂)新2025版(本来...
黑科技存在！aapoker透明... 《黑科技存在！aapoker透明挂下载，Aapoker app，教你攻略（果然真的有挂）》 aapo...
黑科技教程(wPK)外挂透视辅... 黑科技教程(wPK)外挂透视辅助方法(透视)AA德州教程(一直存在有挂)；1、许多玩家不知道德州辅助...
黑科技能赢！（WePoKer）... 黑科技能赢！（WePoKer）软件透明挂，（wepoker）真是是真的有挂，必备教程（有挂透视）；玩...
德州之星外挂(德州之星)德州可... 德州之星外挂(德州之星)德州可能有外挂吗(辅助挂)靠谱教程(都是真的是有挂)；德州之星外挂辅助器中分...
黑科技脚本！aapoker外挂... 黑科技脚本！aapoker外挂购买，aapoke辅助工具存在吗，透视教程（素来真的有挂）；建议优先通...
黑科技好友(微扑克私人局)外挂... 黑科技好友(微扑克私人局)外挂透视辅助方法(透视)存在挂教程(好像是真的有挂)1、微扑克私人局系统规...
黑科技科技！（AAPOKEr）... 黑科技科技！（AAPOKEr）透明挂辅助插件，（aa扑克）从前是有挂，高科技教程（有挂神器）；玩家必...
AApoker靠谱吗(AAPO... AApoker靠谱吗(AAPOKER)aapoker 辅助工具(辅助挂)微扑克教程(其实真的是有挂)...
黑科技软件！德扑之星ai代打，... 黑科技软件！德扑之星ai代打，德扑之星真的太假了，技巧教程（总是有挂）；人气非常高，ai更新快且高清...