新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
vue2.0循環(huán)遍歷加載不同圖片的方法
demo:
網(wǎng)站建設哪家好,找成都創(chuàng)新互聯(lián)公司!專注于網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、微信小程序開發(fā)、集團企業(yè)網(wǎng)站建設等服務項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了吳興免費建站歡迎大家使用!
引入圖片,注意路徑:
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 }, ],
這樣就實現(xiàn)了循環(huán)遍歷的時候加載不同的圖片。
以上這篇vue2.0 循環(huán)遍歷加載不同圖片的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持創(chuàng)新互聯(lián)。
標題名稱:vue2.0循環(huán)遍歷加載不同圖片的方法
瀏覽路徑:http://fisionsoft.com.cn/article/pjdcpi.html