解决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;
}
相关推荐
codingandsleeping10 小时前
使用orval自动拉取swagger文档并生成ts接口
前端·javascript
白水清风11 小时前
微前端学习记录(qiankun、wujie、micro-app)
前端·javascript·前端工程化
用户221520442780011 小时前
new、原型和原型链浅析
前端·javascript
阿星做前端11 小时前
coze源码解读: space develop 页面
前端·javascript
叫我小窝吧11 小时前
Promise 的使用
前端·javascript
用户516816614584113 小时前
Vue Router 路由懒加载引发的生产页面白屏问题
vue.js·vue-router
前端康师傅13 小时前
JavaScript 作用域
前端·javascript
前端缘梦13 小时前
Vue Keep-Alive 组件详解:优化性能与保留组件状态的终极指南
前端·vue.js·面试
云枫晖13 小时前
JS核心知识-事件循环
前端·javascript
Simon_He13 小时前
这次来点狠的:用 Vue 3 把 AI 的“碎片 Markdown”渲染得又快又稳(Monaco 实时更新 + Mermaid 渐进绘图)
前端·vue.js·markdown