view v-for=itemindex in leftparticon img src= itemurl alt= viewexport default data return leftparticon url staticimages9909581a3c7832728b1800cd801928d9png urlstaticimages8fb5
从提供的代码中看,可能是因为在使用<img>标签时,src属性没有正确渲染图片路径。
你可以尝试以下两种方法来解决这个问题:
- 使用双花括号
{{}}来绑定src属性的值,确保路径正确渲染:
<view v-for="(item,index) in leftparticon">
<img :src="item.url" alt="">
</view>
- 在
data属性中的leftparticon数组中的每个对象的url属性前面加上require()函数,以确保正确引用图片路径:
data() {
return {
leftparticon: [
{ url: require("../../static/images/9909581a3c7832728b1800cd801928d9.png") },
{ url: require("../../static/images/8fb53a2400a038d5f3f25f73e7412fa7.png") },
{ url: require("../../static/images/2d7c6080f1dbd3f7e2e05d9ed35e9027.png") },
],
};
},
请注意,第二种方法需要确保图片路径正确,并且在构建应用程序时能够正确地处理这些图片
原文地址: https://www.cveoy.top/t/topic/inuq 著作权归作者所有。请勿转载和采集!