解决element ui Table 最后的数据没有子数据也有展开按钮的问题

先添加类

:row-class-name="getRowClass"

写个方法

html 复制代码
    getRowClass(row, rowIndex) {
      let data = row.row;
      let res = [];
      if (data.realyTask && data.realyTask.length > 0) {
        res.push('row-expand-has')
        return res;
      } else {
        res.push('row-expand-unhas')
        return res;
      }
    },

最后css

html 复制代码
>>>.row-expand-unhas .el-icon-arrow-right{
  // pointer-events: none;
  opacity: 0;
}
相关推荐
xyq202413 小时前
TypeScript中的String类型详解
开发语言
英俊潇洒美少年13 小时前
Vue2/Vue3 vue-i18n完整改造流程(异步懒加载+后端接口请求)
前端·javascript·vue.js
小糖学代码19 小时前
LLM系列:1.python入门:15.JSON 数据处理与操作
开发语言·python·json·aigc
空中海19 小时前
第七章:vue工程化与构建工具
前端·javascript·vue.js
handler0119 小时前
从源码到二进制:深度拆解 Linux 下 C 程序的编译与链接全流程
linux·c语言·开发语言·c++·笔记·学习
zhensherlock20 小时前
Protocol Launcher 系列:Trello 看板管理的协议自动化
前端·javascript·typescript·node.js·自动化·github·js
zhuà!20 小时前
element的el-form提交校验没反应问题
前端·elementui
小白学大数据20 小时前
现代Python爬虫开发范式:基于Asyncio的高可用架构实战
开发语言·爬虫·python·架构
渔舟小调20 小时前
P19 | 前端加密通信层 pikachuNetwork.js 完整实现
开发语言·前端·javascript
不爱吃炸鸡柳20 小时前
数据结构精讲:树 → 二叉树 → 堆 从入门到实战
开发语言·数据结构