el-table禁用全选按钮

先上Gif看看要干什么

我想要的效果是全部小选都是禁用状态时，全选按钮被禁用，搜了一下也没有找到比较全面的文章，就将自己处理这个需求时遇到的一些问题记录并分享给大家

列表没有数据时，全选按钮是禁用状态，于是我觉得是给他添加了什么类，使用小箭头检查了一下

于是就我就想到了document.querySelector 然后我就

document.querySelector(".el-table-column--selection").querySelector(".el-checkbox__input").classList.add("is-disabled");
document.querySelector(".el-table-column--selection").querySelector(".el-checkbox").classList.add("is-disabled");
document.querySelector(".el-table-column--selection").querySelector(".el-checkbox__original").setAttribute("disabled", "disabled");
//使用的时候要加个判断条件去触发

看看添加了类名和属性后效果

tip:有特殊情况，禁用后仍可以点击，上图

瞄了一下官网，看到有个event

然后就：

handleSelectAll(selection) {
      if (selection.length === 0)
      //判断选中length等零时清空选中
        this.$refs.Table.clearSelection();
    }

写得不好或哪里出错的地方望大家指出