el-table使用expand可点击整行展开并且在没有数据时隐藏展开按钮

修改方案有三步：

// 第一步 el-table标签添加 row-class-name（行的 className 的回调方法）
:row-class-name="iconHide"

// 第二步 无子集时不展示下拉箭头  hasChild为后端返回的判断标记 符合条件的行会多一个clss
methonds:{
    iconHide({ row }) {
      console.log('row', row)
      if (!row.hasChild || row.hasChild === '0') {
        return 'icon-no'
      }
    }
  }
   
   
// 第三步 css 修改样式
::v-deep .icon-no .el-table__expand-icon {
  display: none;
}

//el-table中标签添加
row-key="id"
:expand-row-keys="expands" // 可以通过该属性设置 Table 目前的展开行，需要设置 row-key 属性才能使用，该属性为展开行的 keys 数组。
@row-click="clickRowHandle" // 当某一行被点击时会触发该事件

// 定义expands
data(){
    expands:[]
}

// methods

methods: { 
      clickRowHandle(row, column, event) {
        if (this.expands.includes(row.id)) {
          this.expands = this.expands.filter((val) => val !== row.id)
        } else {
          // this.expands = []  需要需求是每次只可展开一行 可打开此注释
          this.expands.push(row.id)
      }
    },
}