element-ui表格的多选框CheckBox 是否可以勾选

本文主要是介绍element-ui表格的多选框CheckBox 是否可以勾选，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

项目需要使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}},
}

这篇关于element-ui表格的多选框CheckBox 是否可以勾选的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---