坑:

正常情况下都是这样写的,但是vant这个框架不知道怎么想的,居然加载不出来,花里胡哨。文档也没有写怎么加载本地图片,到处挖坑。如图:

此处省略一万句脏话。

 <van-imagelazy-loadwidth="34rem"height="8rem"fit="contain"src="../assets/logo.png"@click="toMikeRouter(index)"><template v-slot:loading><van-loading type="spinner" size="20" /></template><template v-slot:error>加载失败</template></van-image>

解决办法:

src属性绑定requeir()方法

    :src="require('../assets/logo.png')"

完美解决:

也可以绑定数组:

 <van-colv-for="(value, index) in imgList":key="index"span="8"><van-imagewidth="8rem"height="8rem"fit="contain":src="value"><template v-slot:loading><van-loading type="spinner" size="20" /></template><template v-slot:error>加载失败</template></van-image></van-col>//script(vue)data() {return {//图片资源imgList: [require("../assets/icon_emeetnote_nor.png"),require("../assets/img_ai_buds01_nor.png")]};},

vant-image本地图片无法显示相关推荐

  1. python点击按钮浏览本地文件_Python button选取本地图片并显示的实例

    从本地文件夹中选取一张图片并在canvas上显示 from tkinter import * from tkinter import filedialog from PIL import Image, ...

  2. 解决MarkDown上传本地图片无法显示

    解决MarkDown上传本地图片无法显示 前言 提示:什么牛头马面写的代码,今天写个技术博客想插入一张图片发现无法显示,接着按流程在博客一顿找,发现我开头第一句,不知道怎么形容垃圾场里面找垃圾的心情. ...

  3. js小学生图区_js读取本地图片并显示

    版权声明:本文为博主原创文章,未经博主允许不得转载. 根据项目需要,需要选择本地图片并显示在页面上,然后上传至服务器.因为自身刚刚接触js,所以比较生疏,碰到问题吼,幸好有强大的网络,搜索很多有用的资 ...

  4. 百度地图自定义图标icon 添加本地图片无法显示问题解决

    百度地图自定义图标icon 添加本地图片无法显示问题解决 我们在阿里巴巴矢量库找的icon 保存到本地 结论 我们在阿里巴巴矢量库找的icon 保存到本地 链接: 阿里巴巴矢量库. 图片: 随便找一个 ...

  5. hexo 本地图片不显示

    1. 修改配置文件 修改文件_config.yml 里的post_asset_folder:这个选项设置为true 修改之后,再使用hexo n "hexo 本地图片不显示"时,目 ...

  6. 解决导入markdown时本地图片无法显示问题——图床

    解决导入markdown时本地图片无法显示问题--图床 图床工具: PicGo 图片服务器:Gitee 辅助工具:Node.js 14.17.6 图床: 一般是指储存图片的服务器,有国内和国外之分.国 ...

  7. Android获取手机本地图片并显示

    一.序言 在安卓开发过程中,有时候我们的应用需要使用手机本地图片,这就需要本地图片访问权限以及相关的获取方法,本文将手机本地图片的获取流程和代码做了一个总结,希望能够对大家有一定帮助: 二.功能分析 ...

  8. 微信小程序——如何解决本地图片不显示的问题

    解决微信小程序本地图片不显示的问题 这篇记录的是小涂踩的小程序的一个坑:本地图片真机显示不出来! 问题发现 开发小程序过程中,模拟器上显示一些本地的图标照片(.jpg \ .png -)模拟器上可以清 ...

  9. vue使用v-for遍历本地图片不显示

    vue使用v-for遍历本地图片不显示的问题 1.项目中本地有一组图片需要循环遍历展示,在使用v-for遍历之后发现无法展示图片,解决方法如下. 2.首先,正常的图片路径如下,但是想要展示不能按正常的 ...

最新文章

  1. 不挡脸,放肆看!揭秘B站黑科技蒙版弹幕
  2. 欧洲超高速网比宽带快万倍 几秒下载一部电影
  3. 索引名 oracle,ORACLE 索引名称矫情
  4. 回顾以前的线程安全的类
  5. python中循环结构分有,python常见循环结构有哪些
  6. html实体转化字符串 php_PHP htmlentities() 函数
  7. 【要闻】Kubernetes无用论诞生、Elasticsearch 7.6.2 发布
  8. java构建xml参数_Java中使用XML创建EMAIL模板
  9. 普罗米修斯监控java项目_java学到什么程度可以出去实习?
  10. 别让for循环毁了你的程序(一)
  11. svn:Cannot negotiate authentication mechanism
  12. 如何用 Python 解读著名的“三门问题”?
  13. [知识库:python-tornado]异步调用中的上下文控制Tornado stack context
  14. 堆排序算法设计与分析
  15. 年仅 28 岁就宣布从字节跳动退休?
  16. 【打印机配置】斑马打印机配置步骤
  17. 2022基金定投数字货币理财程序源码
  18. 51单片机实战教程之C语言基础(十 Keil C51函数库)
  19. 海康球机时间同步配置
  20. G1垃圾回收器在并发场景调优

热门文章

  1. 【Linux】Linux-路径切换-相对路径和绝对路径快捷键记录linux 知识点记录
  2. Spring容器初始化和bean创建过程
  3. manjaro21 linux安装vscode
  4. 【GVA】gorm多对多many2many删除数据的同时级联删除关联中间表中的关联数据
  5. go mod引用git仓库中的包:拉取存放在gitee中的package
  6. 【完整示例】采用jenkins pipeline实现自动构建并部署至k8s
  7. VMware16教程:配置同一局域网内的主机能够访问其他主机中的虚拟机(以squid代理上网服务为例)
  8. Spring Boot 2.3.x 分层构建 Docker 镜像实战
  9. JVM调优:CMS的执行过程及存在的问题
  10. python3列表推导式