el-image src 属性使用本地图片加载失败解决方案 Cannot find module ‘../../xxx‘

参考博客
参考博客2

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

使用 require 引入

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

当使用v-for代替固定字符串时又会失效,
可使用import form的方式引入

import Jpg1 from '../assets/xxx.jpg'
//
date() {
	return {
		jpgs: [Jpg1, ···]
	}
}
<div v-for="index in 4">
	<el-image
	  :src="jpgs[index]"
	>
</div>
posted @   海胆Sur  阅读(27)  评论(0编辑  收藏  举报  
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· winform 绘制太阳,地球,月球 运作规律
· 上周热点回顾(3.3-3.9)
点击右上角即可分享
微信分享提示