好资源导航 » 文章资讯 » vue2.0 循环遍历加载不同图片的方法

vue2.0 循环遍历加载不同图片的方法

2023-09-15 18:53:05 50

demo：

引入图片，注意路径：

importcon1from"@/assets/img/con01.png";
importcon2from"@/assets/img/con02.png";
importcon3from"@/assets/img/con03.png";

进行图片的加载位置：

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

这样就实现了循环遍历的时候加载不同的图片。

以上这篇vue2.0循环遍历加载不同图片的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。