vue2表格分页并且每行有复选框，如何实现所有页面全选复选框被选中回显

最新推荐文章于 2025-05-08 17:19:36 发布

Jolly_zhang

最新推荐文章于 2025-05-08 17:19:36 发布

阅读量1k

点赞数 10

CC 4.0 BY-SA版权

分类专栏： Vue2 CSS JS 文章标签： vue.js javascript 前端 css3 html5

本文链接：https://blog.youkuaiyun.com/Jolly_zhang/article/details/135391317

一、如何实现表格的列有复选框，并且表头复选框后有文字

在这里插入图片描述

给表格每行加复选框,在需要加复选框的列上加type="selection"

<el-row :gutter="10" class="mb8">
	<el-col :span="1.5">
		<el-button type="primary" plain icon="el-icon-upload2” size="mini" @click="exportSelectedExcel">导出</el-button>
		<el-checkbox -model="al1Check” @change="al1CheckEvent”style="margin-left:10px;">全选所有</el-checkbox》
	</el-col>
	<right-toolbar :showSearch.sync="showSearch" @queryTable="getPagelist"></right-toolbar>
</el-row>
<el-checkbox v-model="allCheck" @change="allCheckEvent">全选所有</el-checkbox>
 <el-table
    ref="table"
    :data="tableData"
    tooltip-effect="dark"
   :row-key="rowKey"
    @select