解决 / el-image src属性使用相对路径时图片无法加载

最新推荐文章于 2024-07-10 15:35:27 发布

winglamx

最新推荐文章于 2024-07-10 15:35:27 发布

阅读量1.7k

点赞数 2

分类专栏：问题解决文章标签：前端

本文链接：https://blog.csdn.net/qq_39565174/article/details/124015342

版权

前端开发绝对路径相对路径图片加载 require

关键词由CSDN通过智能技术生成

问题解决专栏收录该内容

4 篇文章 0 订阅

订阅专栏

使用绝对路径时 src引用可以正常显示图片

        <el-image
            style="
            margin-top:10px;
            float:left;
            height: 60px";
            src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
        fit="contain"></el-image>

使用相对路径时，显示图片加载失败

        <el-image
            style="
            margin-top:10px;
            float:left;
            height: 60px"
            src="@/assets/LOGO-透明.png"
        fit="contain"></el-image>

解决方法：

        <el-image
            style="
            margin-top:10px;
            float:left;
            height: 60px"
            :src="require('@/assets/LOGO-透明.png')"
        fit="contain"></el-image>

用require来加载