vue + element 项目中,表格多选状态如何禁选

vue + element 项目中,表格多选状态如何禁选

一、 应用情景

因需求,要对elementUI中table表格的多选框进行 可勾选不可勾选 的处理

二、 具体步骤

1. 给 type 属性为 selection 的加一个事件 :selectable='selectInit’

 
 

vue + element 项目中,表格多选状态如何禁选_第1张图片
2. 在methods中添加事件

methods: {
            /**
             *  判断是否可回收
             */
            selectInit(row, index) {
                if (row.status == 2 || row.status == 6 || row.status == 9) {
                    return true; //可勾选
                }else {
                    return false//不可勾选
                }
            },
}

vue + element 项目中,表格多选状态如何禁选_第2张图片

三、实现效果

vue + element 项目中,表格多选状态如何禁选_第3张图片

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