Vue:表格隐藏某行（特定条件）

最新推荐文章于 2024-01-09 10:13:17 发布

摸鲨鱼的脚

最新推荐文章于 2024-01-09 10:13:17 发布

阅读量3.3k

点赞数

分类专栏： vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_43474476/article/details/129383621

版权

vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

是这样的，最近业务提了需求，要求下图
在这里插入图片描述
在el-table添加:row-class-name 属性

methods添加该属性方法

tableRowClassName({row,rowIndex}){
      if(row.rule_name.length>6){//这块是我的条件逻辑
        var a=0;
        this.riskList.forEach(function (item,index){
        //循环判断，子类截取后是不是等于父类，这块是一个一个循环比对，如果有更好方法请大佬多指教
          if(row.rule_name.substring(0,6)===item.rule_name){
            //定义一个变量a，子类等于父类，变量a+1，a不等于0，就展示
            a=a+1;
            
          }
        })
        //warning-row 隐藏行
        if(a===0){
          return 'warning-row';
        }
      }
      return '';