Vue动态加载本地图片时，如何避免图片路径错误导致无法显示？

本文共计458个文字，预计阅读时间需要2分钟。

最近遇到了一个问题，使用v-bind动态绑定img的src时，图片加载不出来。控制台显示已经获取到图片的地址，但可能是因为浏览器直接显示‘./img/img1.png’导致图片加载失败。

最近遇到了个问题，用v-bind动态绑定img的src，图片加载不出来。控制台显示src是有获取到图片地址的，可是就是加载不出来。

最后才发现原因原来是浏览器中直接显示'./img/img1.png'，也就是没有经过编译的步骤，直接将获取到的数据当作字符串显示。