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

2022年4月29日 19次阅读 来源: 她的大头

依旧是常规的表格

<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
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞