vue2.0 循环遍历加载不同图片的方法
作者：yyjourney 发布时间：2024-05-08 10:24:50
标签：加载,图片,vue2.0,循环,遍历
demo：
<div v-for="item in temps" :key="item.id">
<div class="contract-item">
<img :src="item.imgUrl">
</div>
</div>
引入图片，注意路径：
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
},
],
这样就实现了循环遍历的时候加载不同的图片。
来源：http://blog.csdn.net/yyjourney/article/details/78971074
0
投稿猜你喜欢
在我们的日常生活工作中，经常会遇到需要上传日志的场景，比如多台机器运行同一个程序，并且需要记录每台机器程序产生的日志，根据相关关键词告警，或- 本文实例为大家分享了python实现最大优先队列的具体代码，供大家参考，具体内容如下说明：为了增强可复用性，设计了两个类，Heap类和Pri
- 首先撰写golang程序exportgo.go：package mainimport "C"import "f
- Python time模块时间获取和转换Time模块介绍Python的Time库可以进行时间相关的处理，如访问当前日期和时间，输出不同格式的
- pycharm出现no module named xlwt问题首先声明，我是初学者，今天按照书上步骤，创建Excel文件，当我的xlwt安装
- 1、队列队列是一种遵循先进先出(FIFO)原则的数据结构。可以使用数组实现队列的基本操作。当进行入队操作的时候，即在队列尾部插入一个元素，由
- 比如代码 binfo = {'name':'jay','age':20,'pytho
- 解决方案：1、在MY.INI文件中的 [mysqld] 中增加一行tmpdir="D:/MySQL/data/"修改后，
- 本文实例讲述了Python基于pygame实现图片代替鼠标移动效果。分享给大家供大家参考，具体如下：想想现在学校pygame有几个钟了，就写
- 1.删除序列相同元素并保持顺序如果仅仅就是想消除重复元素，通常可以简单的构造一个集合，利用集合之间元素互不相同的特性就可以消除重复，但是这种
- SQL Server 2019 Enterprise (x64) - DVD (Chinese-Simplified)企业版ed2k://|
- 接上篇微信小程序后端搭建：分享：Laravel 微信小程序后端搭建后端搭建好后第一件事就是用户登录认证，简单实现微信小程序登录认证1.use
- 什么是formset我们知道forms组件是用来做表单验证，更准确一点说，forms组件是用来做数据库表中一行记录的验证。有forms组件不
- 【一】添加监听事件 addHandler:function(node,type,fn){if
- 一、前言了解过flask的python开发者想必都知道flask中核心机制莫过于上下文管理，当然学习flask如果不了解其中的处理流程，可能
- 前几天帮人调试一个ASP+SQL2000+IIS5.1/6.0的网站程序，调试过程中遇到的问题如下：一、 SQLServer登录 原先存在备
- js的eval代码快速解密有一段js代码内容如下：eval(function(E,I,A,D,J,K,L,H){function C(A)后
- 用python加“验证码”为关键词在baidu里搜一下，可以找到很多关于验证码识别的文章。我大体看了一下，主要方法有几类：一类是通过对图片进
- 在python中，元组不可变，只能查询不能修改，列表、字典和集合的基本操作，各不相同，下面就来比较一下它们的添加和删除操作吧。添加一、列表1
- 模式库在模式库里,我将列出所有电子商务网站需要的模式.以下将罗列出经典常用的模式案例,我也试图让这些模式看起来更有趣味性与实用性。(Yaho
