vue+element表格部分选择框禁用

依旧是常规的表格

<el-table                   
:data="tableData"                
style="width: 100%" >
<el-table-column prop="name" label="名称" class-name="top"></el-table-column>
<el-table-column label="可选">            
<el-table-column              
type="selection"              
width="155"                            
:selectable="checkBoxDisable"            >            
</el-table-column>
       </el-table>

暂时就写一列吧,能实现就好
列里还有一列,是选择框列有可选字段
然后就是禁用
row,表格数据,if判断里写条件,依照自身要求

checkBoxDisable(row) { 
    if (row.name=== "小明") {  
         return false;    
         } else { 
               return true;   
                }  
                }

也就是,当name === 小明时,选择框被禁用,其余皆可用;
这里也就完成了

    原文作者:她的大头
    原文地址: https://blog.csdn.net/qq_46951524/article/details/107211624
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞