vue动态获取本地图片

最近在复习插槽有关知识的时候,遇到一个问题。

我想把本地图片动态的展示到页面上,却实现不了。

后来搜索了很多有关这方面的知识,才得到了解决。

展示错误情况

(一)直接使用相对路径





 报错:404,找不到:vue动态获取本地图片_第1张图片

(二)在 src 里面加上require 





又报错,找不到模块:vue动态获取本地图片_第2张图片

正确使用 

在 avatar 里面加上 require:





无报错:vue动态获取本地图片_第3张图片

✨原创不易,还希望各位大佬支持一下!
点赞,你的认可是我创作的动力!
⭐️ 收藏,你的青睐是我努力的方向!
✏️ 评论,你的意见是我进步的财富!

你可能感兴趣的:(vue.js,javascript,前端)