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、用户打开应用后不用登录...
4分钟插件！微乐春天小程序辅助... 4分钟插件！微乐春天小程序辅助，微乐小程序免费黑科技，妙计教程（有挂修改器）-哔哩哔哩一、微乐小程序...
围绕透视问题！微乐小程序黑科技... 围绕透视问题！微乐小程序黑科技，微乐小程序微乐房间怎么开挂（透视）真是是有挂（哔哩哔哩）微乐小程序微...
微乐小程游戏破解器下载!微乐小... 微乐小程游戏破解器下载!微乐小程序黑科技(透视)工具-真是教你有挂在进入软件靠谱后，参与本局比赛的八...
第二分钟辅助！微信小程序微乐辅... 第二分钟辅助！微信小程序微乐辅助器教程图片，微乐小程序免费黑科技，演示教程（有挂神器）-哔哩哔哩1、...
据权威媒体报道！微乐小程序免费... 据权威媒体报道！微乐小程序免费黑科技，微信小程序游戏充值破解（透视）总是真的是有挂（哔哩哔哩）1、完...
微乐小程序自建房透视下载!微乐... 微乐小程序自建房透视下载!微乐小程序免费黑科技(透视)教程-都是必备是有挂所有人都在同一条线上，像星...
第四分钟辅助！微乐小程序辅助脚... 第四分钟辅助！微乐小程序辅助脚本平台，微乐小程序免费黑科技，办法教程（有挂插件）-哔哩哔哩1、任何微...
透视能赢！微乐小程序黑科技，微... 透视能赢！微乐小程序黑科技，微信小程序微乐辅助（透视）总是真的是有挂（哔哩哔哩）微信小程序微乐辅助辅...