vue + element 项目中,表格多选状态如何禁选
一、 应用情景
因需求,要对elementUI中table表格的多选框进行 可勾选 和 不可勾选 的处理
二、 具体步骤
1. 给 type 属性为 selection 的<el-table-column />
加一个事件 :selectable='selectInit’
<el-table-column
type="selection"
:selectable='selectInit'
width="55">
</el-table-column>
2. 在methods中添加事件
methods: {
/**
* 判断是否可回收
*/
selectInit(row, index) {
if (row.status == 2 || row.status == 6 || row.status == 9) {
return true; //可勾选
}else {
return false//不可勾选
}
},
}