vue3循环遍历图片渲染无效果

图片路径以及当前组件：

需要遍历的图片数据：

循环遍历展示图片：（注释部分也是可以渲染出来）

注意：

绑定的图片路径必须写成src开头，也就是根目录,

路径写成"'../../assets/situation/'+item.img+'.png'"会没有效果

<!-- <span class="img"><img :src="`src/assets/situation/${item.img}.png`" alt=""></span> -->
<span class="img"><img :src="'src/assets/situation/'+item.img+'.png'" alt=""></span>

效果：

vue3循环遍历图片渲染无效果相关推荐

VUE实现v-for循环遍历图片方法
写项目时,遇到后台无法提供背景图片,需要自己在本地循环遍历到页面上,并和后台数据一起展示的需求,解决方法如下: resourceList是后台传过来的数组对象,我们需要展示它的name,同时,在本地把 ...
element plus+vue3.0 el-date-picker之panel-change无效果，为el-date-picker加标识。
这个问题就很奇怪,也很细节,记录一下: 有这样一个需求场景.就是el-date-picker的日期选择器组件根据返回的某天的数据给某天加上标识,panel-change事件却无效果(panel-ch ...
Python-pygame 使用subsurface()遍历图片达到动画效果
Python作业贴网络上很多介绍subsurface()的使用方法, 但毕竟不是自己手动写的,看着难受遂按照自己的理解重新写一遍 #! /usr/bin/python3# @File: test4 ...
wpf image控件循环显示图片以达到动画效果问题及解决方案
1>最初方案: 用wpf的image控件循环显示图片,达到动画效果,其实就是在后台代码动态改变Image.Source的值,关键代码: for (int i = 1; i < 601; i ...
的图片怎么循环渲染_十分钟教你做个炫酷的图片切换过度效果
做个炫酷的图片切换过度效果首先,今天是520节日.到了520这类为情侣准备的节日,小编都会感到一万点暴击-- 首先酸一波,搞点事情(蹭波热度). 给大家分享一个520特效页面:看完记得回来为小编点个 ...
matlab图片导出无失真库export_fig介绍（半透明效果）
matlab图片导出无失真半透明等功能的库export_fig介绍首先,感谢export_fig的作者Yair Altman为相关方面做了很多介绍,本文主要结合新版本matlab,对作者的内容进行搬 ...
Html笔记——实现一组图片循环且首尾相连的滚动效果
设计思想:在一个Div内存放两个相同内容(使用一行多列表格)作为一个滚动对象,并将超出的宽度的内容隐藏,在JS脚本中定义Div向移动的方法(水平坐标加1).当第一个内容完全消失(即Div向左移动的距离 ...
layui循环遍历数据_layuiAdmin循环遍历展示商品图片列表的方法
主页面内容新增 {{# layui.each(d.list, function(index, item){ }} {{# if(item.cover_img == ""){ }} ...
layui循环遍历数据_Layui之动态循环遍历出的富文本编辑器显示
这篇记得是工作中的例子描述: 平常的富文本显示都是根据静态的html获取id来显示,比如: 富文本内容 layui.use([ "form", "layer" ...

vue3循环遍历图片渲染无效果

vue3循环遍历图片渲染无效果相关推荐

最新文章

热门文章