Vue 在使用 el-image 时显示“加载失败”

Vue 在使用 el-image 时图片位置显示“加载失败”

前端-element ui

• 原因：

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

• 解决办法：
  图片地址用 require 进行拉取。
  例如：
  :src=“require(’…/assets/login/title-picture.png’)”

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

原文地址：
https://blog.csdn.net/weixin_43966635/article/details/109171896?ops_request_misc=&request_id=&biz_id=102&utm_term=el-image%E4%B8%BA%E4%BB%80%E4%B9%88%E5%87%BA%E9%94%99&utm_medium=distribute.pc_search_result.none-task-blog-2_allsobaiduweb~default-7-109171896.first_rank_v2_pc_rank_v29