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

场景:需要自定义table的多选效果,不用其自带的,采用官方文档此处(如图)的处理过程,并把全选控件嵌入table的表头,el-checkbox在table表头勾选样式不生效。

具体用法,点击全选,样式没有变化

javascript 复制代码
<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",改进后:

javascript 复制代码
<template slot="header" slot-scope="scope">
  <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange"></el-checkbox>
</template>
相关推荐
孤月葬花魂6 分钟前
JavaScript 中的 Promise API 全面解析
前端·javascript
几道之旅7 分钟前
Electron 应用打包全指南
前端·javascript·electron
shushushu11 分钟前
Web如何自动播放音视频
前端·javascript
帅夫帅夫16 分钟前
前端存储入门:Cookie 与用户登录状态管理
前端·架构
陈随易19 分钟前
程序员的新玩具,MoonBit(月兔)编程语言科普
前端·后端·程序员
傻球22 分钟前
前端实现文本描边
前端·canvas
snakeshe101024 分钟前
1. 实现 useEffect
前端
前端进阶者26 分钟前
天地图InfoWindow插入React自定义组件
前端·javascript
扶我起来还能学_28 分钟前
uniapp Android&iOS 定位权限检查
android·javascript·ios·前端框架·uni-app
Nu1134 分钟前
@babel/preset-env的corejs、@babel/plugin-transform-runtime的corejs之间区别
前端·babel