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

当使用

<el-image> </el-image>

在网页中加载本地图片时，会出现图片加载失败的问题，但使用

<img />

标签可以正常显示。

<img
          src="../../../assets/img.png"
          fit="cover"
        />

在 element 组件上使用相对路径时 webpack 不会对路径进行处理，导致请求了一个无效的路径。

将

<el-image src="../assets/bg_login.jpeg"></el-image>

改为

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

（注意给 src 属性加 : ）
【附】：:src属性后面的字符串会被当做变量解析使用，而src属性后面的只会被当字符串使用

标签： vue.js webpack 前端

本文转载自: https://blog.csdn.net/qq_45706352/article/details/129545226
版权归原作者 佛系努力中…… 所有，如有侵权，请联系我们删除。