vue2.0에서 다양한 이미지를 반복하고 로드합니다(자세한 튜토리얼).

이제 vue2.0에서 다양한 이미지를 반복하고 로드하는 방법을 공유하겠습니다. 이는 좋은 참고 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다.

데모:

    <p v-for="item in temps" :key="item.id">
     <p class="contract-item">
       <img :src="item.imgUrl">
     </p>
    </p>

이미지 소개, 경로 주의:

import con1 from "@/assets/img/con01.png";
import con2 from "@/assets/img/con02.png";
import con3 from "@/assets/img/con03.png";

이미지 로드:

 temps: [
    {
     imgUrl: con1
    },
    {
     imgUrl: con2
    },
    {
     imgUrl: con3
    },
   ],

이것은 순환 이동하는 동안 다른 이미지를 로드합니다.

위 내용은 제가 여러분을 위해 정리한 내용입니다. 앞으로 도움이 되길 바랍니다.

관련글:

vue.js 하단 네비게이션 바에 1차 경로 표시 방법과 하위 경로가 표시되지 않는 문제 해결 방법은 무엇인가요?

JavaScript를 통해 WeChat 무작위 전환 코드를 구현하는 방법(상세 튜토리얼)

AngularJS에 따라 현재 라우팅 페이지를 다시 로드하는 방법은 무엇입니까?

위 내용은 vue2.0에서 다양한 이미지를 반복하고 로드합니다(자세한 튜토리얼).의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!