vue3动态拼接图片地址遇到的问题

在v-for 循环中遇到的问题 就是有一个订单状态 我希望状态的0，1，2，3 与 图片结尾的0，1，2，3配合上

写了以下代码：

这样写就不行

这样可以展示，但是上线后就不行了 
<img :src="/src/assets/img/status_${item.status}.png" /> 
这样直接不展示：
<img :src=" ../../../assets/img/status_${item.status}.png" />

解决：

<img :src="getStatusImage(item.status)" class="status-icon" :alt="item.statusDesc" /> 
const getStatusImage = (status) => {
    return new URL(`../../../assets/img/status_${status}.png`, import.meta.url).href; 
};