图片在根路径下,如下引用图片路径发现无效,
<el-image :src="imgs"></el-image>
data() {
return {
imgs:"@/assets/imgs/achievement.png"
}
}
图片显示 “加载失败”
解决方法:使用require()
Require函数: 用于引入模块、 JSON、或本地文件。 可以从 node_modules 引入模块。
require是运行时调用,所以require理论上可以运用在代码的任何地方
<el-image :src="imgs"></el-image>
data() {
return {
imgs:require("@/assets/imgs/achievement.png")
}
}
这样就能正常引入图片了