解决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;
}
相关推荐
十八朵郁金香10 分钟前
【VUE案例练习】前端vue2+element-ui,后端nodo+express实现‘‘文件上传/删除‘‘功能
前端·javascript·vue.js
LCG元38 分钟前
Vue.js组件开发-实现全屏图片文字缩放切换特效
前端·javascript·vue.js
xrgs_shz1 小时前
MATLAB的数据类型和各类数据类型转化示例
开发语言·数据结构·matlab
还是鼠鼠2 小时前
图书管理系统 Axios 源码__新增图书
前端·javascript·vscode·ajax·前端框架·node.js·bootstrap
customer082 小时前
【开源免费】基于SpringBoot+Vue.JS体育馆管理系统(JAVA毕业设计)
java·vue.js·spring boot·后端·开源
来恩10034 小时前
C# 类与对象详解
开发语言·c#
komo莫莫da4 小时前
寒假刷题Day19
java·开发语言
ElseWhereR5 小时前
C++ 写一个简单的加减法计算器
开发语言·c++·算法
还是鼠鼠5 小时前
图书管理系统 Axios 源码 __删除图书功能
前端·javascript·vscode·ajax·前端框架·node.js·bootstrap