( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃ 发现了这个坑,立马来发个文章水一水

<el-image src="../assets/logo.png"></el-image>

你以为图片就能正确加载了吗?
没错,
你将会看见
QQ截图20210119161427.png

那么如何解决?

图片外加个require,就可以正确加载了。


正确示范

<el-image :src="require('../assets/logo.png')"></el-image>


那么为什么会这样呢?

目测应该就是bug,
如果你是使用img写的话,没有带require,正常情况下能够渲染
<img src="../assets/logo.png">


QQ截图20210119161912.png

QQ截图20210119161932.png


没有使用require,路径有错,webpack并没有处理。
通过require,可以帮忙读取图片地址,可以解决暂时的相对路径处理问题

版权属于:染念
作品采用:本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可。
更新于: 2021年04月29日 08:57
4
发表评论


180 文章数
673 评论量
4 分类数
184 页面数
已在风雨中度过 7年69天2小时21分
目录
来自 《vue 3 element组件el-image的坑》
© 2024 染念Blog
浙ICP备19020194号-1
暗黑模式
暗黑模式
评论
返回顶部
© 2024 染念Blog
浙ICP备19020194号-1
暗黑模式
暗黑模式
评论
返回顶部