>  기사  >  웹 프론트엔드  >  vue를 통해 기본적으로 v-for 루프 확인란의 첫 번째 항목을 확인하는 방법은 무엇입니까?

vue를 통해 기본적으로 v-for 루프 확인란의 첫 번째 항목을 확인하는 방법은 무엇입니까?

亚连
亚连원래의
2018-06-01 16:06:584691검색

이제 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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