解决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;
}
相关推荐
青柠代码录1 分钟前
【Vue3】Vue Router 4 路由全解
前端·vue.js
小小怪7509 分钟前
C++中的函数式编程
开发语言·c++·算法
金山几座11 分钟前
C#学习记录-事件
开发语言·学习·c#
小杍随笔34 分钟前
【Rust 语言编程知识与应用:基础数据类型详解】
开发语言·后端·rust
Yupureki40 分钟前
《MySQL数据库基础》1. 数据库基础
c语言·开发语言·数据库·c++·mysql·oracle·github
蜡台1 小时前
element-ui 2 el-tree 内容超长滚动条不显示问题
前端·vue.js·elementui·el-tree·v-deep
enmouhuadou1 小时前
快速运行matlab仿真方法
开发语言·matlab
m0_706653231 小时前
使用C-Free进行浮点变量的四则运算指南
c语言·开发语言
daols883 小时前
vue甘特图 vxe-gantt 如何实现双击连接线自动删除线功能(含二次确认)
vue.js·甘特图·vxe-gantt
隔壁小邓3 小时前
前端Vue项目打包部署实战教程
前端·javascript·vue.js