Element-plus가 해당 테이블을 선택하면 삭제 버튼이 활성화되며, 선택하지 않으면 삭제 버튼이 비활성화됩니다.

 

 

다음은 코드 구현입니다.

// 删除选中按钮的禁用不禁用
const handleSelectionChange = (val) => {
	console.log(val)
	if (val.length === 0) {
		data.falg = true
	} else {
		data.falg = false
	}
}

 handlerSelectionChange는 element-plus 테이블의 이벤트이며, val의 값은 현재 선택한 데이터 조각입니다.

선택된 데이터의 길이가 == 0으로 판단되면 비활성화 상태로 만들고, 그렇지 않으면 사용 가능한 이벤트로 만듭니다.