Element列表部分复选框禁止选择

实现的效果

效果图

参考element的Table表格

image.png

实现代码

<el-table-column type="selection" width="55" align="center" :selectable="checkboxs" />
 //多选框禁用
checkboxs(row) {
    let that = this;
   //需要禁用行的id
   var vIds = that.id;
     if ( vIds.some((el) => { return el == row.id;})) {
                return false;
            } else {
                return true;
            }
        },
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。