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

原创

于 2024-01-04 17:52:04 发布 · 1k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端 #css3 #html5

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

在这里插入图片描述

给表格每行加复选框,在需要加复选框的列上加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