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

相关内容

热门资讯

黑科技app!aapoker辅... 黑科技app!aapoker辅助器怎么用(ai辅助)太坑了有挂(我来教教你黑科技规律)-哔哩哔哩aa...
黑科技脚本"德扑之星... 黑科技脚本"德扑之星软件辅牌器"wopoker辅助真的假的(都是是真的有挂)-哔哩哔哩1、实时德扑之...
黑科技游戏(aapoker辅助... 黑科技游戏(aapoker辅助工具存在吗)外挂黑科技辅助下载(透视)本来存在有挂(黑科技解说)-哔哩...
黑科技透明挂!wpk辅助神器,... 黑科技透明挂!wpk辅助神器,智星德州菠萝怎么开挂,可靠教程(有挂了解)-哔哩哔哩1、智星德州菠萝怎...
黑科技教程!微扑克发牌为什么这... 黑科技教程!微扑克发牌为什么这么离谱(黑科技)太坑了存在有挂(总结教程黑科技解说)-哔哩哔哩；1.微...
黑科技辅助"云扑克辅... 黑科技辅助"云扑克辅助透视"aapoker安卓怎么下载(竟然存在有挂)-哔哩哔哩；1、aapoker...
黑科技辅助(wpkai透视外挂... 黑科技辅助(wpkai透视外挂售卖)外挂透视辅助教程(透视)本来真的有挂(黑科技方法)-哔哩哔哩1、...
黑科技机器人!wepoke黑科... 黑科技机器人!wepoke黑科技功能,德扑之星作弊事件,详细教程(有挂辅助挂)-哔哩哔哩；是一款可以...
黑科技存在!微扑克ai机器人打... 黑科技存在!微扑克ai机器人打德州(ai代打)太坑了存在有挂(攻略教程黑科技方法)-哔哩哔哩；微扑克...
黑科技挂"aa扑克平... 黑科技挂"aa扑克平台的机制"wpk透明挂(切实有挂)-哔哩哔哩；1、用户打开应用后不用登录就可以直...