머리말
기본적으로 인터넷에는 모든 상자를 선택 취소하는 튜토리얼이 있으며 개별 열에만 작동하는 튜토리얼은 없습니다.
이 문서는 vue3 + 요소 및 구성 요소 라이브러리에서 "특정" 또는 "여러 개별" 열의 확인/취소를 구현합니다(테이블 확인란 수동 조작). 표의 확인란이 선택한 상태를 자동으로 동기화하도록 합니다.
테이블 컬럼의 체크된 데이터를 삭제한 후, 선택된 상태와 체크되지 않은 상태가 바뀌지 않는 문제를 완벽하게 해결합니다.
아래 그림과 같이 버튼을 클릭하면 해당 컬럼이 수동으로 취소 및 체크되며, 테이블 상태가 자동으로 동기화됩니다.
示例代码干净整洁，JS/TS 都能使用！
샘플 코드
한 번의 클릭으로 원하는 페이지를 찾아 복사하고 실행하세요.
전체 코드는 아래와 같습니다.
<template>
<section>