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

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

php中世界最好的语言
php中世界最好的语言원래의
2018-03-27 16:36:403074검색

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.