vue 给特定满足条件的表单数据添加背景颜色，组件的 row-class-name

1、:row-class-name="tableRowClassName" 可为表格每行根据后面的函数绑定class名

    
      
        
        
          {{
              scope.$index + 1 + pageSize * (currentPage - 1)
            }}
          
        
        
        
        
        
      

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、效果图