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

element ui表格勾选后勾选框置灰,不可再勾选_第1张图片

element ui表格勾选后勾选框置灰,不可再勾选_第2张图片

 element ui表格勾选后勾选框置灰,不可再勾选_第3张图片

 首先在 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
      }
   },

你可能感兴趣的:(elementUI,css,html)