vant-image本地图片无法显示
坑:
正常情况下都是这样写的,但是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本地图片无法显示相关推荐
- python点击按钮浏览本地文件_Python button选取本地图片并显示的实例
从本地文件夹中选取一张图片并在canvas上显示 from tkinter import * from tkinter import filedialog from PIL import Image, ...
- 解决MarkDown上传本地图片无法显示
解决MarkDown上传本地图片无法显示 前言 提示:什么牛头马面写的代码,今天写个技术博客想插入一张图片发现无法显示,接着按流程在博客一顿找,发现我开头第一句,不知道怎么形容垃圾场里面找垃圾的心情. ...
- js小学生图区_js读取本地图片并显示
版权声明:本文为博主原创文章,未经博主允许不得转载. 根据项目需要,需要选择本地图片并显示在页面上,然后上传至服务器.因为自身刚刚接触js,所以比较生疏,碰到问题吼,幸好有强大的网络,搜索很多有用的资 ...
- 百度地图自定义图标icon 添加本地图片无法显示问题解决
百度地图自定义图标icon 添加本地图片无法显示问题解决 我们在阿里巴巴矢量库找的icon 保存到本地 结论 我们在阿里巴巴矢量库找的icon 保存到本地 链接: 阿里巴巴矢量库. 图片: 随便找一个 ...
- hexo 本地图片不显示
1. 修改配置文件 修改文件_config.yml 里的post_asset_folder:这个选项设置为true 修改之后,再使用hexo n "hexo 本地图片不显示"时,目 ...
- 解决导入markdown时本地图片无法显示问题——图床
解决导入markdown时本地图片无法显示问题--图床 图床工具: PicGo 图片服务器:Gitee 辅助工具:Node.js 14.17.6 图床: 一般是指储存图片的服务器,有国内和国外之分.国 ...
- Android获取手机本地图片并显示
一.序言 在安卓开发过程中,有时候我们的应用需要使用手机本地图片,这就需要本地图片访问权限以及相关的获取方法,本文将手机本地图片的获取流程和代码做了一个总结,希望能够对大家有一定帮助: 二.功能分析 ...
- 微信小程序——如何解决本地图片不显示的问题
解决微信小程序本地图片不显示的问题 这篇记录的是小涂踩的小程序的一个坑:本地图片真机显示不出来! 问题发现 开发小程序过程中,模拟器上显示一些本地的图标照片(.jpg \ .png -)模拟器上可以清 ...
- vue使用v-for遍历本地图片不显示
vue使用v-for遍历本地图片不显示的问题 1.项目中本地有一组图片需要循环遍历展示,在使用v-for遍历之后发现无法展示图片,解决方法如下. 2.首先,正常的图片路径如下,但是想要展示不能按正常的 ...
最新文章
- 不挡脸,放肆看!揭秘B站黑科技蒙版弹幕
- 欧洲超高速网比宽带快万倍 几秒下载一部电影
- 索引名 oracle,ORACLE 索引名称矫情
- 回顾以前的线程安全的类
- python中循环结构分有,python常见循环结构有哪些
- html实体转化字符串 php_PHP htmlentities() 函数
- 【要闻】Kubernetes无用论诞生、Elasticsearch 7.6.2 发布
- java构建xml参数_Java中使用XML创建EMAIL模板
- 普罗米修斯监控java项目_java学到什么程度可以出去实习?
- 别让for循环毁了你的程序(一)
- svn:Cannot negotiate authentication mechanism
- 如何用 Python 解读著名的“三门问题”?
- [知识库:python-tornado]异步调用中的上下文控制Tornado stack context
- 堆排序算法设计与分析
- 年仅 28 岁就宣布从字节跳动退休?
- 【打印机配置】斑马打印机配置步骤
- 2022基金定投数字货币理财程序源码
- 51单片机实战教程之C语言基础(十 Keil C51函数库)
- 海康球机时间同步配置
- G1垃圾回收器在并发场景调优
热门文章
- 【Linux】Linux-路径切换-相对路径和绝对路径快捷键记录linux 知识点记录
- Spring容器初始化和bean创建过程
- manjaro21 linux安装vscode
- 【GVA】gorm多对多many2many删除数据的同时级联删除关联中间表中的关联数据
- go mod引用git仓库中的包:拉取存放在gitee中的package
- 【完整示例】采用jenkins pipeline实现自动构建并部署至k8s
- VMware16教程:配置同一局域网内的主机能够访问其他主机中的虚拟机(以squid代理上网服务为例)
- Spring Boot 2.3.x 分层构建 Docker 镜像实战
- JVM调优:CMS的执行过程及存在的问题
- python3列表推导式