Vue+Element自定义多选框

最新推荐文章于 2025-10-07 15:04:54 发布

原创最新推荐文章于 2025-10-07 15:04:54 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端

前端专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在ElementUI中自定义表格表头的多选框，通过使用v-model和@change事件实现多选功能。示例代码展示了如何在<el-table-column>中插入自定义的<el-checkbox>组件。

Element UI 自定义表头多选框

<el-table-column width="55" align="center">
    <template slot="header" slot-scope="scope">
        <el-checkbox v-model="checkedAll" 
           class="el-checkbox__input is-indeterminate">
        </el-checkbox>
    </template>  
    <template slot-scope="scope">
        <el-checkbox v-model="scope.row.checkbox"
              @change="rowSelectionChange(scope.row)">
        </el-checkbox>
    </template>
</el-table-column>