Vue2.x的ElementUI框架中el-image组件无法加载本地图片

问题描述

当使用 <el-image /> 加载本地图片时，出现图片加载失败；但是，使用 <img /> 可以正常显示。

- - - -
-- ------
    -- ----- ------
        -- ---------
    ---
---

- - - -
-- ---------

问题分析

1、使用 <img />

2、使用 <el-image />

总结：在 el-image 上使用相对路径时，webpack 没有对路径做处理，导致请求了一个无效的路径。

解决方法

使用 require() 加载

-- ------
    -- ----- ------
        -- ---------
    ---
---