项目需要使element-ui表格的CheckBox 部分可勾选,部分不可勾选。
解决办法:使用selectable
属性来判断,接收一个回调函数,函数的第一个参数是row
,第二个参数是column
,回调函数的返回值用来决定这一行的 CheckBox 是否可以勾选。
示例代码:
template:
<el-table ref="dataTable"
:data="data"
border>
<el-table-column
type="selection"
:selectable="canSelect"
:reserve-selection="true">
</el-table-column>
<el-table-column label="数量">
<template slot-scope="scope">
{
{
scope.row.num}}
</template>
</el-table-column>
</el-table>
script:
methods:{
// 是否可选
canSelect(row){
if(row.num > 0){
return false
}else{
return true
}
},
}