v-for循环中如何使用require/import关键字引入本地图片

小编给大家分享一下v-for循环中如何使用require/import关键字引入本地图片，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

问题描述

我们做项目中，常常需要把图片呈现到页面上，一般来说有以下几种方式

方式一（后端返回图片URL）

这种方式就是后端返回图片的url地址，我们直接img标签的src属性绑定imgUrl即可。如下代码：

方式二（前端使用require）

第二种方式，把图片文件存储到前端里，后端只返回图片的名字（或不返回图片数据），代码举例如下：

代码附上

效果图如下

项目文件结构图

方式三（前端使用import）

代码附上

效果图和项目文件结构图同上，这里不赘述

以上是"v-for循环中如何使用require/import关键字引入本地图片"这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注行业资讯频道！