vuejs 의 v-for 옮 겨 다 니 기,v-bind 동적 변경 값,v-if 를 판단 하 는 실례 설명
vuejs 의 공식 문서:https://vuejs.org/v2/api/(공식 문 서 를 보 는 것 에 익숙해 져 야 합 니 다,동지 들~)
1.v-for 옮 겨 다 니 기
예 를 들 어 동 영상 에 있 는 모든 요 소 를 옮 겨 다 니 고 싶 으 면 입력 하 겠 습 니 다.
<div v-for="v in videos">
<a :href="v" rel="external nofollow" > </a>
</div>
다음은 내 가 실행 한 복잡 한 코드 이다.
2.v-bind 동적 변경 값
저 는 동 영상 링크 가 많 습 니 다.마 우 스 를 올 릴 때 동 영상 이름 을 표시 하고 싶 습 니 다.그러면 저 는 title 속성 을 사용 하지만 title 속성 을 동적 으로 변화 시 키 고 싶 습 니 다.
그러면 V-bing 이 필요 해 요.
<a href="#" rel="external nofollow" v-bind:title="video"> </a>3.v-if//v-else 판단
예 를 들 어 abcd 가 비어 있 는 지 판단 합 니 다.
<div v-if="abcd">
you can see me
</div>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Vue.js + Google Places: 여러 입력 필드 자동 완성경우에 따라 두 개 이상의 입력 필드에 장소 자동 완성 기능을 추가할 수 있습니다. 일반적인 예는 두 위치 사이의 이동 거리를 찾는 것입니다. 이 경우 사용자는 자동 완성 기능이 활성화된 두 개의 입력 필드를 갖게 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
