vue v-for의 루프 체크박스에는 기본적으로 첫 번째 체크박스가 선택되어 있습니다.

이번에는 기본적으로 선택되어 있는 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 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

웹 애플리케이션을 위한 역방향 새로 고침 구현

ionic2에서 자동 생성기를 사용하는 방법

위 내용은 vue v-for의 루프 체크박스에는 기본적으로 첫 번째 체크박스가 선택되어 있습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!