所以我的组件中有一个表。我想将图像显示为<td>。然而，当我试图将路径绑定到图像时，它不会显示出来。
当硬编码它工作的路径时，它会显示刚刚好的gif
<img
src="../assets/banners/01e0a857-95eb-469e-8c86-59a061f32093.gif"
alt=""
style="width: 200px; height: auto"/>
当我在浏览器中检查它时，它显示为这样，由于某种原因，它更改了路径。
<td><img src="/img/01e0a857-95eb-469e-8c86-59a061f32093.cda90135.gif" alt="" style="width: 200px; height: auto;"></td>
但是，当像我在下面的例子中那样绑定时，当我在浏览器中检查它时，它会显示为这样
<td><img src="../assets/banners/01e0a857-95eb-469e-8c86-59a061f32093.gif" alt="" style="width: 200px; height: auto;"></td>
正如您所看到的，路径指向正确的文件夹，就像我硬编码时一样，但它不起作用。
<tbody class="text-gray-00">
<tr v-for="item in this.items" :key="item.id">
<td class="w-1/3 text-left py-3 px-4">{{ item.itemName }}</td>
<td>
<img
:src="'../assets/banners/' + item.bannerName + '.gif'"
alt=""
style="width: 200px; height: auto"
/>
</td>
<td class="text-left py-3 px-4">
<a class="hover:text-blue-500" href="tel:622322662">622322662</a>
</td>
<td class="text-left py-3 px-4">
<a class="hover:text-blue-500" href="mailto:jonsmith@mail.com"
>jonsmith@mail.com</a
>
</td>
</tr>
</tbody>
尝试使用这样的相对路径
:src="require(`@/assets/banners/${item.bannerName}.gif`)"
如果您的资产文件夹应该在src文件夹中