解决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;
}
相关推荐
Hello--_--World几秒前
Vue2的 双端 diff算法 与 Vue3 的 快速diff 算法
前端·vue.js·算法
零二年的冬几秒前
epoll详解
java·linux·开发语言·c++·链表
凭君语未可7 分钟前
Java 中的接口是什么
java·开发语言
XiYang-DING8 分钟前
【Java】二叉树
java·开发语言·数据结构
gongzemin8 分钟前
怎么在VS Code 调试vue2 源码
前端·vue.js
烟话616 分钟前
Vue3响应式原理【通俗理解】
前端·javascript·vue.js
下北沢美食家18 分钟前
JavaScript面试题2
开发语言·javascript·ecmascript
AscendKing23 分钟前
免费、易用、覆盖全平台的网页转 PDF 工具
pdf·html·网页保存·网页保存为pdf·保存网页位pdf
浩星26 分钟前
electron系列5:深入理解Electron打包
前端·javascript·electron
英俊潇洒美少年32 分钟前
React 实现 AI 流式打字机对话:SSE 分包粘包处理 + 并发优化
前端·javascript·react.js