【vue】vue项目中v-for渲染的列表中img标签的src属性绑定了本地配置文件里面配置的静态文件报错

vue项目中做一个首页的轮播图,目标是异步请求服务器的数据然后渲染到列表中,

为了测试方便,我先在data中定义了一个数组来配置这些数据进行模拟,其中包括了需要用到的本地图片地址,结果报错 如下图

1.模拟数据如下

2.v-for渲染如下

 3.报错如下

经学习得知,v-for渲染img的时候,img标签的src属性做了v-bind绑定所以必须使用require引入图片路径

原文地址:https://www.cnblogs.com/buerjiongjiong/p/12107892.html