关于解决img标签src动态绑定问题的vue v-for循环

在解决这个问题的过程中，遇到了很多错误的方案，但都没有成功。出现了一些图片标记，但是图片内容没有出现，很麻烦。现在，我将解释我成功的手术案例。

1.目录结构如下

图片放在与src相同级别的静态文件夹下，在这里，我将它放在滑块中

2.数据配置如下：

注意导入的路径，直接从静态文件中对应的地方导入。

data(){ return { product :[{ ' src ' : '././static/slider/logo1.jpg '，' decision' :' product 1 '，' price':100，' id':1 '，{'src' : '././static/slider/logo.png '，' deceration' :' product 2 '，' price' :150，' id' 33602 '，{'src' : './.Deceration ' : '产品3 '，' Price' :180，' ID' :3}]}} 3，img标签动态绑定src

ul v-for=' I in product ' class=' clear ' liimg : src=' http : I . src '/Lili button buy now/button/Li br//ul注意：对于此处的绑定，数据不应写成： src=' http: {{i.src}} '。这是不对的！

总结：

主要问题是图片的位置，图片存储的位置，这使得img可以通过src动态绑定对应的值；

其次是画面配置路径的问题。如果图片与响应vue在同一个文件中，则只能在直接通过写死的情况下显示。/logo.png，而动态：src绑定无法显示这种情况。

以上关于vue v-for循环解决img标签src动态绑定问题的文章，都是边肖分享给大家的内容，希望能给大家一个参考和支持。