이번에는 기본적으로 선택되어 있는 vue v-for의 루프 체크박스 를 가져왔습니다. vue v-for 루프 의 첫 번째 체크박스는 기본적으로 선택되어 있습니다. 실제 사례이므로 살펴보겠습니다.
적용 시나리오: 여러 항목을 선택할 때 일반적으로 첫 번째 항목이 기본적으로 표시됩니다.구현 방법: 순수 vue 구현
예:
<span v-for="(one,index) in site"><input type="checkbox" :checked="index == 0" style="vertical-align: middle;"><label>{{one.name}}</label></span>
//:checked="index == 0"为索引为0的，即为第一个复选框添加属性。확장: 체크박스는 기본적으로 선택되어 있으며 인덱스로만 지정하면 됩니다.
이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요! 추천 자료:위 내용은 vue v-for의 루프 체크박스에는 기본적으로 첫 번째 체크박스가 선택되어 있습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
