关于单独禁用element-ui table全选按钮的实现方案（奇奇怪怪的需求...）

最新推荐文章于 2025-04-07 14:08:20 发布

原创最新推荐文章于 2025-04-07 14:08:20 发布 · 2.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #vue #element-ui

element-ui 同时被 3 个专栏收录

10 篇文章

订阅专栏

vue

8 篇文章

订阅专栏

JavaScript

2 篇文章

订阅专栏

本文介绍了如何在Vue项目中，利用element-ui库自定义表头，实现禁用表格全选按钮的功能。通过编写自定义的checkbox并设置为禁用来达到目的。

实现方案：通过使用自定义表头的方式手动写一个checkbox，然后设为禁用。
代码：

<el-table
  :border="true"
  :data="tableData"
>
  <el-table-column width="50" align="center">
    <template slot="header">
    <el-checkbox disabled />
    </template>
    <template slot-scope="scope">
      <el-checkbox />
    </template>
  </el-table-column>
</el-table>