vue,el-image 图片引入根路径@无效

图片在根路径下,如下引用图片路径发现无效,

<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")
    }
}

这样就能正常引入图片了


版权声明:本文为weixin_46157208原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。