table每个单元格错误信息展示,根据后端返回的错误信息进行显示,并且错误信息标红

//这是用过直接去keys去取key,是个数组,然后遍历匹配 
let a =  Object.keys(errObj)
      let b = val
       for (let i in a) {
        if (a[i]===name) {
           b= errObj[name] ;
        } 
       }
 return b


//这是第二种方法,也更好用
if(errObj[name]){
          return errObj[name] ;
        }else{
          return val;
  };

完整片段

<template v-slot="scope">
            {{ getDetectionVal("serviceCharge", scope.row.serviceCharge,scope.row.importCarErrorJson) }}
</template>

  getDetectionVal(name:any,val:any,err:any){
      let errObj = err;
      // let a =  Object.keys(errObj)
      // let b = val
      //  for (let i in a) {
      //   if (a[i]===name) {
      //      b= errObj[name] ;
      //   } 
      //  }
      //  return b
        if(errObj[name]){
          return errObj[name] ;
        }else{
          return val;
        };
        
    },

错误信息再table单元格中标红,需要在table中加上:cell-style="rowStyleHandle"属性

 //判断颜色
    rowStyleHandle({ row ,column}: any) {
      if(row.importCarErrorJson[column.property]){
        return { color: "#f00"};
      }
    },

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值