element tbale checkbox 条件加禁用

element tbale checkbox 条件加禁用

废话不多say 上解决方式

👍记得点赞哦 😄

👇大佬请看👇

• 表格增加列 且设置type=“selection” 此时为checkbox形态
  增加方法 属性： selectable=‘selectInit’

<el-table-column type="selection" width="55"
     :selectable='selectInit'></el-table-column>

	selectInit(row行数据){
		// row行数据
		if (row.isOnline == 0) {  // 条件
			return false  //不可勾选 //禁用状态
		} else {
			return true  //可勾选
		}
	},

效果 ：

1. 顺便说下: 对选中时的处理 在el-table 的属性里 @selection-change=“handleSelectionChange”

<el-table
          ref="table"
          :data="data"
          tooltip-effect="dark"
          @selection-change="handleSelectionChange"
        ></el-table>

handleSelectionChange(val){
		alert(val)
	}

都看👓完了，就👍1️⃣👇吧