Vue + Element table中selection复选框禁用某一行(判断是否有值,无值不禁用,有值禁用)
在vue中接到了一个需求,就是判断如果有班级了(班级有数据了),就不能分配班级,禁用复选框,如果没有就可以分配,复选框不禁用。在禁用的函数中使用条件可以禁用多行,真实有效代码如图所示:<el-table-columnlabel="操作"type="selection":selectable='checkboxT'width="55"></el-table-column>//
·
在vue中接到了一个需求,就是判断如果有班级了(班级有数据了),就不能分配班级,禁用复选框,如果没有就可以分配,复选框不禁用。在禁用的函数中使用条件可以禁用多行,真实有效
代码如图所示:
<el-table-column
label="操作"
type="selection"
:selectable='checkboxT'
width="55">
</el-table-column>
// 复选框判断已分配班级不能选择
checkboxT(row) {
if (row.className != null) {
return false;//禁用
} else {
return true;//不禁用
}
},
结果如下图所示:
更多推荐
所有评论(0)