从提供的代码中看,可能是因为在使用<img>标签时,src属性没有正确渲染图片路径。

你可以尝试以下两种方法来解决这个问题:

  1. 使用双花括号{{}}来绑定src属性的值,确保路径正确渲染:
<view v-for="(item,index) in leftparticon">
  <img :src="item.url" alt="">
</view>
  1. 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") },
    ],
  };
},

请注意,第二种方法需要确保图片路径正确,并且在构建应用程序时能够正确地处理这些图片

view v-for=itemindex in leftparticon 						img src= itemurl alt=				viewexport default 		data 		 return 			leftparticon				 url staticimages9909581a3c7832728b1800cd801928d9png					urlstaticimages8fb5

原文地址: https://www.cveoy.top/t/topic/inuq 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录