vue动态获取图片时,找不到图片所在路径的问题/vue引入图片

有个需求

需要动态访问本地的图片,最开始书写如下

父组件

vue动态获取图片时,找不到图片所在路径的问题/vue引入图片

子组件

vue动态获取图片时,找不到图片所在路径的问题/vue引入图片

这样写虽然浏览器不报错,但是也没有解析出图片位置

vue动态获取图片时,找不到图片所在路径的问题/vue引入图片

 

图片引入需要require方法,而且很奇怪,require还需要拼接,我如果不拼接,仍然会报错

 

父组件

vue动态获取图片时,找不到图片所在路径的问题/vue引入图片

子组件

vue动态获取图片时,找不到图片所在路径的问题/vue引入图片

最后可以在浏览器正确显示了

vue动态获取图片时,找不到图片所在路径的问题/vue引入图片