欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 健康 > 养生 > ElementUI表格表头自定义添加checkbox,点击选中样式不生效

ElementUI表格表头自定义添加checkbox,点击选中样式不生效

2025/2/21 3:32:36 来源:https://blog.csdn.net/ew45218/article/details/145612874  浏览:    关键词:ElementUI表格表头自定义添加checkbox,点击选中样式不生效

场景:需要自定义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>

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词