我的项目正在使用Vue 3，Vuetify，Vite，并且它正在Vercel上托管。
我想渲染一个不同的图像（排名标志）的基础上给定的值（MMR）。

<template>
...
<v-img
contain
:src="userinfo.threesRankImage"
/>
...
</template>
<script
...
data: () => ({
userinfo: {
...
threesMMR: 1000,
threesRankImage: this.threesMMRToRankImage(this.userinfo.threesMMR),
...
},
}),
methods: {
threesMMRToRankImage(mmr) {
...
} else if (mmr  < 1100) {
return '@/assets/newRankLogos/0.png';
}
...
</script>

并且PNG图像在正确的位置^