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

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

亚连

풀어 주다： 2018-06-01 10:35:14

원래의

3036명이 탐색했습니다.

이제 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
    },
   ],

로그인 후 복사

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

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

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

Php8, 나도 갈게