vue ＜el-image标签无效果,图片不显示，未发起请求Failed to resolve component: el-

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 1.6k累计阅读 1.6k平均单平台已同步平台优快云微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄7年

关注

原创最新推荐文章于 2026-07-02 13:56:32 发布 1.6k 阅读 AI 写同款· GEO 优化 ›

Vue3解决：[Vue warn]: Failed to resolve component: el-table(或el-button) 的三种解决方案等组件，却发现页面一直再 Vue warn。，且在页面上一直显示不出来自己想要的结果；想完整引入 ElementPlus ui。// 没实测过，因为我使用 vue3。库，并想使用 el-table。通过方式一、方式二和方式三后，或 el-button。的代码风格不是如此; 阅读详情

确认vue版本，vue3 `cnpm i element-plus`,在main.js配置

import 'element-plus/theme-chalk/index.css'
import ElementPlus from 'element-plus'


const app = createApp(App);

app.use(ElementPlus)

收录于

当前文章被以下社区和专栏收录：

标签

#vue #elementui

Author:baiyun ,Email:mitbaiyun@163.com

VUE3语法--img图片不显示/img的src动态赋值图片显示在VUE中，img中的src动态赋值的之后，无法显示图片出现404.以及VUE中通过require访问静态资源出现的Uncaught Error: cannot module ‘asstes/logo.png’问题。阅读详情

相关推荐

国产安全芯片在密码算法国密体系下的性能适配策略

国密体系即国家商用密码体系，是保障信息安全的核心技术体系。自20世纪90年代末起步，国密体系经历了从无到有、从弱到强的发展历程。1999年，国家密码管理局成立，标志着国密体系的正式建立。2000年，国密SM1算法首次发布，开启了国密算法的标准化进程。此后，SM2、SM3、SM4等算法陆续推出，形成了完整的对称与非对称密码算法体系。：2010年，国密标准正式纳入国家标准体系，国密算法在金融、政务、通信等关键领域的应用得到明确规范。

qq_40552871的博客 1354

Vue环境下el-image图片动态加载失败问题

但是结果还是差强人意，后来发现问题在require里面必须是一个静态路径，不能是一个变量，最终解决办法是。只要用字符串与变量拼接的方式就可以解决，查了资料，本质上是静态资源跟动态资源的区别......最开始的需求类似上图，在v-for中实现图片显示，但是实际得到的效果是。查了以后发现，如果要实现动态加载图片，应该用require包裹住路径。

zhou_xiaozhou的博客 1万+

2019年7月28日解决战网BLZBNTBNA00000005BLZBNTBNA00000006BLZBNTBTS0000005DBLZBNTBTS0000004A 007D0 008A4 00840

Blizzard—Battle.net—2019年7月28解决战网BLZBNTBNA00000005BLZBNTBNA00000006BLZBNTBTS0000005DBLZBNTBTS0000004A 007D0 008A4 008402019年7月28日再次更新写在前面■■■ 排查网路问题 ■■■■■■ 排查电脑自身问题 ■■■■尝试重置internet设置■网络的设置和防火墙规则■如果还是不...

MCGC高质人类协作会-MCG贴吧 3万+

vue打包后el-image图片不出来

图片路径问题

墨迹斑斑的老墙 2477

glibc: GLIBC_2.28‘ not found

这个时候，应该怎么解决，因为当前运行的机器是低版本，而程序是高版本，解决方法，或者是将程序降级，或者将当前系统升级。在一个glibc的接口版本是GLIBC_2.25的lab上，运行不了在2.28上编译的程序。看哪一个方便，但是不能通过临时复制libc.so 文件来解决，因为会遇到下面的错误。所以如果是简单解决就是按照低版本的应用程序，来适配当前系统的glibc版本。比如下面的程序运行提示。

mzhan017的博客 2396

华为OD机试双机位C卷-分披萨 (Py/Java/C/C++/Js/Go)

华为OD机试(机考)双机位C卷【分披萨】，提供C语言、Java、C++、Python、Go、JavaScript源码实现，并提供完整思路讲解，以及在线OJ模拟做题。华为od机试 - 分披萨。

qq_45776114的博客 1396

el-image图片加载失败时，自定义加载失败内容

查看后端返回的数据发现为图片链接存放位置、名称不统一导致，有些存在data中，有些不是数组是string。将加载失败的图片统一为一张图，使用el-image的error 自定义加载失败的内容。渲染图片时出现加载失败的图片。

2301_76868945的博客 5596

OpenClaw Windows 安装指南

好的，我来一步一步带你在 Windows 上安装 OpenClaw。

m0_60605453的博客 548

关于使用 Element UI 的 el-image 组件导致本地图片不显示的问题

当使用 el-image 在网页中加载本地图片时，会出现图片加载失败的问题，但使用 img 可以正常显示。

Alan_Walker688的博客 1万+

XXL-Job 分布式定时任务

XXL-JOB是一款轻量级分布式定时任务调度框架，采用调度中心与执行器分离架构，解决单机任务宕机、重复执行等问题。核心模块包括调度中心（管理任务配置、触发调度）和执行器（执行任务逻辑），支持集群部署保证高可用。框架提供丰富的任务触发规则、路由策略、阻塞策略及完善的运维能力，适用于多种业务场景如数据同步、定时推送等。安装时需准备MySQL数据库并初始化表结构，通过Docker部署调度中心服务。相比其他定时框架，XXL-JOB具有轻量化、可视化等优势，是中小企业的首选方案。

郭宝的博客 695

华为OD统一考试 - 模拟消息队列（Java & Python& JS & C++ & C ）

让我们来模拟一个消息队列的运作，有一个发布者和若干消费者，发布者会在给定的时刻向消息队列发送消息，

算法大师！ 3517

el-image图片加载失败,自定义图片

定义俩图片地址, 一个imgSrc1准备正常从服务器获取图片, 失败后显示imgSrc。在imgSrc1 修改下, 错误地址, 即可显示加载失败后的图片。使用el-image, 加载图片失败后,自定义图片。修改错误imgSrc1地址以后。

nihaokangzheng的博客 3418

【雕爷学编程】Arduino动手做（45）---红外光电避障传感器模块4

雕爷学编程,Arduino动手做,开源硬件,创客传感器,红外光电避障传感器模块

雕爷学编程 2503

el-image显示不出来本地图片的问题

使用el-image引入图片，会出现“FAILED” 的情况，把正常img标签中的src="@/assets/logo.png"换成:src="require(‘@/assets/logo.png’)"就可以了。或者data中的数据为require也可以

weixin_41171651的博客 1334

温度PID控制PLC程序

温度PID稳定控制程序，适用于欧姆龙PLC，对其他PLC也具有很大参考价值

老版QQ原生表情gif动态

这是老版的QQ表情，不过全是动态的的，Windows照片查看器是不会动的，可以右击用浏览器打开查看，再说一遍是老版的，只是分享给宁愿用老版也要动态的人。

el-image本地图片不显示，提示加载失败

问题描述：el-image使用本地图片不显示，提示加载失败。

我是小鹏呀的博客 3732

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目，保存在这里方便以后使用直接下载

vue 使用 el-image图片无法显示

问题：在vue 项目中使用 el-image 后，在图片路径无误的情况下显示图片加载失败 <el-carousel trigger="click" :height="carouselHeight"> <el-image src="images/top1.jpg" fit="fill" style="height:100%;width:100%"></el-image> </el-carousel> 原因分析：通过图片的请求可知，在elemen

weixin_43966635的博客 1万+

在vue中封装第三方组-el-image(其他相同)

Element组件二次封装、$atrrs高级使用、

qq_42931285的博客 2163

vue中关于element的el-image 图片预览功能增加一个下载按钮

vue 关于element el-image 图片预览功能增加一个下载按钮

m0_55333789的博客 2775

Vue项目中，el-image实现按钮触发大图预览模式

Hello World 7381

el-table-column 中的 el-image 无法正常显示图片

解决 el-table-column 中的 el-image 无法正常显示图片的问题

Alan_Walker688的博客 4305

elementUI中的el-image 加载失败原因和解决方案

最近使用elementUI的el-image发现经常会出现加载src失败的情况，问题估计就是el-image的src路径一旦初始化加载失败的话就没有异步刷新：解决办法： 1.给:src设置默认值，避免图片加载失败的情况 2.加v-if判断:src中的value值是否为空或者:src的key值是否存在，是则加载图片，否则不加载 3.vue项目error方法绑定once，为避免同一个失败链接无限触发error（加载失败后再次请求图片的方法） ...

xiaoyuer_2020的博客 2万+

vue通过element-image组件实现旋转后保存图片

vue图片旋转功能实现

m0_65826745的博客 4112

el-image无法显示从本地服务器请求的图片——原因之一及解决办法

最近的项目需求，针对不同的类型显示不同的图片

Yukinoshita_kino的博客 9905

el-image 不显示图片，按钮点击预览

srcList: ['https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg'], //预览图片数组。url: 'https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg', //默认图片显示。seePicture(url){//单图片:url为预览图片地址多图片：url为图片地址数组。// //1如果为单个图片预览。