Vue.js 图片加载问题：`<img>` 标签 `src` 属性渲染错误

export default { data() { return { leftparticon: [ { url: '../../static/images/9909581a3c7832728b1800cd801928d9.png' }, { url: '../../static/images/8fb53a2400a038d5f3f25f73e7412fa7.png' }, { url: '../../static/images/2d7c6080f1dbd3f7e2e05d9ed35e9027.png' }, ], }; }, };

为什么图片没有内容：从提供的代码中看，可能是因为在使用<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') },
    ],
  };
},

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