Element UI中单行表格复选框禁用问题

前言

在写前端vue时套用Element UI时想实现当某一行的状态发生改变时，让该行处于禁用状态。

---

一、前端如何实现该功能？

示例：:selectable="selectHandle"可以控制复选框的状态，前提是类型必须为：type=“selection”。

二、使用步骤

1.表格代码部分

代码如下（示例）：

<el-table-column type="selection" :selectable="selectHandle">
						</el-table-column>

2.js部分

代码如下：

selectHandle(row){
				if(row.status==='已发布'){
					return false
				}else{
					return true
				}
			},

这里我是根据发布状态来判断是否禁用复选框，如果已发布则返回true(禁用)，否则返回false(不禁用)

效果：该行复选框已被禁用

---

总结

以上就是今天要讲的内容，本文仅仅简单介绍了:selectable的使用，希望可以给您带来帮助。