vue中使用elementui里的table时,需求是前面的勾选框根据条件判断是否可以勾选设置

情景:例如考核列表,查询某一年分的考核列表,根据id的存在判断是否考核过,如果考核过,前面的勾选框不能勾选;

 

 

 

 

 

 

  直接粘贴代码:

  <el-table-column type="selection" width="55" :selectable='checkboxInit'>
methods里
  
    //判断是否可选
    checkboxInit(row, index) {
      console.log("判断是否可选");
      console.log(row, index);
      if (row.id) {
        return 0; //不可勾选
      } else {
        return 1;
      }
    },
 
结束
posted @   是大壳子啊  阅读(4282)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端
点击右上角即可分享
微信分享提示