首页 前端知识 Vue在使用el-image时显示加载失败问题

Vue在使用el-image时显示加载失败问题

2024-09-08 02:09:08 前端知识 前端哥 125 602 我要收藏

原因:

在element ui 组件上使用相对路径,webpack并不会对路径进行处理(即为根目录下的images)。

解决办法:

图片地址用 require 进行拉取。 

 

例如:

:src=“require(’…/assets/login/title-picture.png’)”

<div class="title-pic block">
       <el-image :src="require('../assets/login/title-pic.png')"></el-image>
</div>

 

转载请注明出处或者链接地址:https://www.qianduange.cn//article/17913.html
标签
评论
发布的文章

Qt构建JSON及解析JSON

2024-09-29 22:09:49

NPM:配置阿里镜像库

2024-09-29 22:09:46

npm版本切换工具nvm

2024-09-29 22:09:43

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!