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 音频实现播放与关闭（可用于收到消息给提示音效）

相关内容

热门资讯

1分钟机巧！靖边打锅子奇迹陕西... 1分钟机巧！靖边打锅子奇迹陕西辅助下载（外挂）真是是真的有辅助教程（哔哩哔哩）1、该软件可以轻松地帮...
第六分钟了解！wepoker有... 第六分钟了解！wepoker有透视底牌吗（脚本）真是有辅助教程（哔哩哔哩）1、下载好wepoker有...
第三方辅助挂!上饶窝龙辅助&q... 第三方辅助挂!上饶窝龙辅助"总是是真的有辅助app"(哔哩哔哩)进入游戏-大厅左侧-新手福利-激活码...
第6分钟举措！友友联盟免费辅助... 第6分钟举措！友友联盟免费辅助器（外挂）切实是真的有辅助攻略（哔哩哔哩）1、每一步都需要思考，不同水...
第3分钟了解！pokernow... 第3分钟了解！pokernow辅助控制（脚本）一直是真的辅助插件（哔哩哔哩）1、pokernow辅助...
3分钟指引！微信小程序微乐游戏... 3分钟指引！微信小程序微乐游戏辅助（外挂）竟然是真的有辅助神器（哔哩哔哩）1、打开软件启动之后找到中...
两分钟了解！wpk私人局辅助是... 两分钟了解！wpk私人局辅助是真的吗（脚本）真是真的是有辅助教程（哔哩哔哩）1、实时wpk私人局辅助...
黑科技技巧!欢乐对决辅助软件&... 黑科技技巧!欢乐对决辅助软件"果然真的有辅助技巧"(哔哩哔哩)1、玩家可以在欢乐对决辅助软件线上大神...
8分钟了解！wpk私人局有透视... 8分钟了解！wpk私人局有透视吗（脚本）切实真的有辅助插件（哔哩哔哩）1、进入游戏-大厅左侧-新手福...
5分钟诀窍！陕麻圈辅助器怎么安... 5分钟诀窍！陕麻圈辅助器怎么安装（外挂）都是一直都是有辅助插件（哔哩哔哩）1、陕麻圈辅助器怎么安装辅...