【ElementUI】el-table中复选框禁用处理

【ElementUI】el-table中复选框禁用处理
文章目录
- 前言
  
  一、处理body中的复选框禁用
  
  1.1 概述
  
  1.2 设置复选框的 column
  
  二、处理head中的复选框禁用
  
  2.1 概述
  
  2.2 相关演示代码
前言

Vue 项目开发过程中，尤其是后台管理开发，经常会用到 ElementUI 中的表格和表单，有时候我们需要在表格中添加复选框，来实现全选和单选当前行的操作，而这时如果有条件要限制选框是否禁用该如何处理呢？这就需要展开来说了，因为表头全选和表格行中的单个选择处理是不同的。

一、处理body中的复选框禁用

 1.1 概述

在官方文档 Table-column 中有一回调函数 selectable 用于返回值用来决定这一行的 CheckBox 是否可以勾选，它仅对 type=selection 的列有效。函数有两个参数 Function(row, index)：
- row 当前行相关信息参数
- index 当前行索引值
1.2 设置复选框的 column

代码如下：
```
<el-table-column
   type="selection"
   width="60"
   slign="center"
   :selectabl1
2
3
4
```
相关阅读:
Redis基础特性及应用练习-php
基于中国新能源汽车税收政策下成都市场发展路线研究
 fastjson 序列化输出空字段
 使用ChatGLMTokenizer处理json格式数据
 Docker load 命令
 Spring扩展接口（2）：BeanDefinitionRegistryPostProcessor
c++ goto语句
 性能测试工具：如何学习JMeter?
Android AOP二三事：使用AspectJ增加登录校验
 网络协议：透彻解析HTTP协议
原文地址：https://blog.csdn.net/qq_39335404/article/details/133085076

文章目录

前言

一、处理body中的复选框禁用

1.1 概述

1.2 设置复选框的 column