이제 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的,即为第一个复选框添加属性。
확장: 기본적으로 선택되는 확인란은 인덱스로 지정됩니다.
위 내용은 모두를 위해 제가 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.
관련 기사:
크로스 도메인 요청을 구현하는 Vue-cli 개발 환경 방법
컴포넌트 자체의 레이블에 스타일 클래스를 추가하는 Angular5 메서드
내부를 구현하는 Vue의 예 구성 요소 캐러셀 전환 효과 코드
위 내용은 vue를 통해 기본적으로 v-for 루프 확인란의 첫 번째 항목을 확인하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!