element ui表格勾选后勾选框置灰,不可再勾选

 

 首先在 type="selection"的表格列里写上方法:selectable="checkSelectable"

<el-table-column type="selection" :selectable="checkSelectable" />

 checkSelectable方法中写

 checkSelectable(row){
     if(this.tDangerPurchaseDetailsList.length>0){//判断容器表里是否有数据
       //有数据的话,取容器表里的id和勾选过来的id判断是否有相等
      if (this.tDangerPurchaseDetailsList.some(item=>item.staId===row.staId)) {
       return false//有相等的返回false ,返回false当前行的checkbox就可以置灰
      }else{
       return true//没有相等的返回true,当前行checkbox不置灰
       }
      }else{
       return true
      }
   },


版权声明:本文为m0_51501174原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。