当前位置：首页 > wzjs >正文

网络维护网站建设培训网络推广渠道分类

wzjs 2025/8/13 6:47:01

网络维护网站建设培训,网络推广渠道分类,创建全国文明城市演讲稿,开发制作微信小程序场景：需要自定义table的多选效果，不用其自带的，采用官方文档此处（如图）的处理过程，并把全选控件嵌入table的表头，el-checkbox在table表头勾选样式不生效。具体用法，点击全选&#…

场景：需要自定义table的多选效果，不用其自带的，采用官方文档此处（如图）的处理过程，并把全选控件嵌入table的表头，el-checkbox在table表头勾选样式不生效。
在这里插入图片描述
具体用法，点击全选，样式没有变化

<el-table-column align="center" prop="enable" width="55"><template slot="header" ><el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange"></el-checkbox></template><template slot-scope="scope"><el-checkbox v-model="scope.row.enable" true-label="1" false-label="0"@change="handleCheckboxChange(scope.row)"></el-checkbox></template>
</el-table-column>

改进方法加入slot-scope=“scope”，改进后：

<template slot="header" slot-scope="scope"><el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange"></el-checkbox>
</template>